|
Values when the left button is pressed inside the object. |
Values when moving. |
<script type="text/javascript">
<!--
var moving=false
var IE=document.all
function Dragnow(e){
curposx=(IE ? event.clientX : e.pageX) // Cursorx Start Position
curposy=(IE ? event.clientY : e.pageY) // Cursory Start Position
objectx=parseInt(document.getElementById("moveobject").style.left) // Objectx Start Position
objecty=parseInt(document.getElementById("moveobject").style.top) // Objecty Start Position
moving=true
document.onmousemove=Moveto
}
function Moveto(e){
xx=(IE ? event.clientX : e.pageX)
yy=(IE ? event.clientY : e.pageY)
if (moving==true){
document.getElementById("moveobject").style.left=xx-(curposx-objectx) // Objectx New Position
document.getElementById("moveobject").style.top=yy-(curposy-objecty) //Objecty New Position
return false
}
}
// -->
</script>
<DIV id=moveobject style="position:absolute; left:245px; top: 115px; width:80px;border:2 solid #A050F0;background-color:#000000;color:gold;cursor: hand" onmousedown="Dragnow(event)" onmouseup="moving=false">Move This Object</DIV>
The object is anything placed between the DIV tags.