|
Answer» For some REASON, this changes the "input" values, but does not move the DIV.
Code: [Select]<BODY>
<form name="SHOW">
X <input type="text" name="MouseX" value="0" size="4"><br>
Y <input type="text" name="MouseY" value="0" size="4"><br>
</form>
<script language="JavaScript1.2">
<!-- Begin
var IE = document.all?true:false;
if (!IE) document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = getMouseXY;
var tempX = 0;
var tempY = 0;
function getMouseXY(e) {
if (IE) { // grab the x-y pos.s if browser is IE
tempX = event.clientX + document.body.scrollLeft;
tempY = event.clientY + document.body.scrollTop;
}
ELSE { // grab the x-y pos.s if browser is NS
tempX = e.pageX;
tempY = e.pageY;
}
if (tempX < 0){tempX = 0;}
if (tempY < 0){tempY = 0;}
document.Show.MouseX.value = tempX;
document.Show.MouseY.value = tempY;
xmla.style.position.top = tempY;
xmla.style.position.left = tempX;
return true;
}
// End -->
</script>
<div id="xmla" style="border: 1px black dashed; POSITION:absolute;">
Moving..
</div>These lines:
Code: [Select]xmla.style.position.top = tempY;
xmla.style.position.left = tempX;
should READ:
Code: [Select]xmla.style.top = tempY;
xmla.style.left = tempX;
|
