Post-it!
Di Ezechiele
Post-It!
--------------
Nota 1 +++
Nota 2 ---
Nota 3 ***
--------------
<![CDATA[
<HTML>
<head>
<title>Post-it!</title>
<style type="text/css"><!--
#postit{position:absolute;background-color:yellow;width:100;height:100;}
// -->
</style>
<script type="text/javascript"><!--
var delta_x,delta_y,dentro=false,trascina=false
document.onmouseup =pulsante_rilasciato
document.onmousedown=pulsante_premuto
document.onmousemove=mouse_mosso
function inizio() {
document.all.postit.style.left=screen.width*3/4
document.all.postit.style.top=screen.height*1/4
}
function pulsante_rilasciato() {trascina=false}
function pulsante_premuto() {
delta_x=event.x-document.all.postit.style.pixelLeft
delta_y=event.y-document.all.postit.style.pixelTop
if (dentro) {trascina=true}
}
function mouse_mosso() {
if (trascina) {
document.all.postit.style.left=event.x-delta_x
document.all.postit.style.top =event.y-delta_y
}
}
function mouse_dentro() {dentro=true}
function mouse_fuori() {dentro=false}
// -->
</script>
</head>
<body onload="inizio()">
<hr>
<div id="postit" onmouseover="mouse_dentro()" onmouseout="mouse_fuori()">
<br>Post-It!
<br>--------------
<br>Nota 1 +++
<br>Nota 2 ---
<br>Nota 3 ***
<br>--------------
</div>
<hr>
</body>
</HTML>
]]>
Lezioni di Dynamic HTML