Click to See Complete Forum and Search --> : Need Help JavaScript and Mouse.


FLC
02-08-2006, 02:25 PM
Hello Guys

Need you help. Please see following code. Script work in IE and dosen`t work in FireFox and another mozila software. Event dosen`t work.

<HTML>
<HEAD>
<script language="JavaScript">
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false

function track()
{
if (ie4)
{
document.getElementById('globe').style.top = event.clientY+10;
document.getElementById('globe').style.left = event.clientX+10;
var result='&nbsp;Pixel:';
var pos=(event.clientX+1)*event.clientY;
result=result+pos;
document.getElementById('globe').innerHTML = result;
if (result==pos) {document.getElementById('globe').style.visible=false;}
}else{

document.captureEvents(Event.MOUSEMOVE);
document.getElementById('globe').style.top = event.clientX;
document.getElementById('globe').style.left = event.clientY;
document.getElementById('globe').innerHTML='10';
}
}
</SCRIPT>
</HEAD>
<BODY>
<body onmousemove="track();">
<span id="globe" style="position: absolute;width:20px;height:12px;border-width:1px;border-style:solid;border-color:#000000;background-color:#FFFFFF;font-family:Tahoma;font-size:11px "></span>
</BODY>
</HTML>

Thank you very much in advance

FLC
02-08-2006, 03:02 PM
<HTML>
<HEAD>
<script language="JavaScript">
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false
document.onmousemove=track;

function track(e)
{
if (ie4)
{
document.getElementById('globe').style.top = event.clientY+10;
document.getElementById('globe').style.left = event.clientX+10;
var result='&nbsp;Pixel:;
var pos=(event.clientX+1)*event.clientY;
result=result+pos;
document.getElementById('globe').innerHTML = result;
if (result==pos) {document.getElementById('globe').style.visible=false;}
}else{

document.captureEvents(Event.MOUSEMOVE);
document.getElementById('globe').style.top = e.pageY+10;
document.getElementById('globe').style.left = e.pageX+10;
var result='&nbsp;Pixel:';
var pos=(e.pageX+1)*e.pageY;
result=result+pos;
document.getElementById('globe').innerHTML=result;
}
}
</SCRIPT>
</HEAD>
<BODY>
<body onmousemove="track();">
<span id="globe" style="position: absolute;width:87px;height:12px;border-width:1px;border-style:solid;border-color:#000000;background-color:#FFFFFF;font-family:Tahoma;font-size:11px "></span>
</BODY>
</HTML>