Capturando Posição Do Mouse E Exibindo

... // captura a posição do mouse na tela var local = ""; document.captureEvents(Event.CLICK); document.onclick = mouse; function mouse(e) { if (navigator.appName == 'Netscape'){ x = e.pageX; y = e.pageY; } else { x = event.clientX; y = event.clientY; } local = ("x:"+x+" y:"+y); } </script> ... <script>document.write(local)</script> ...

aee pessoal, progredi um tiquimmm.. consegui mostrar as cordenados do jeito que queria...
mais quando eu exibo.. há um conflito do tipo de variáveis.. fica assim as minhas variáveis (undefined)
o código é esse:

document.captureEvents(Event.CLICK);
document.onclick = mouse;
function mouse(e) {
        var x = 0;
		var y = 0;
		var local = "";
		if (navigator.appName == 'Netscape'){
                x = e.pageX;
                y = e.pageY;  
        } else {
                x= event.clientX;
                y = event.clientY;
        }
		local = "x:"+x+" y:"+y;
		return local;

}
var local = 0;
local = mouse("e");

alert(local);

eu so coloquei o alert agora so pra exibir.. mais eu vo exibir assim: document.write();

vlw galeraa

e ae galeraa..
achei um na net (com muita pesquisa consegui achar) um código que funciona no ie e no ff :
ta aee pra quem tiver a mesma dúvida que eu, e não sofrer pra acha-la:

<html>
<style>
#x
{ 
 POSITION: fixed; 
 TOP: 20px; 
 LEFT: 0px; 
} 

#y
{ 
 POSITION: fixed; 
 TOP: 40px; 
 LEFT: 0px; 
} 

* html #x
{ 
 POSITION: absolute; 
 TOP: expression(offsetParent.scrollTop +20); 
 LEFT: expression(offsetParent.scrollLeft); 
} 

* html #y
{ 
 POSITION: absolute; 
 TOP: expression(offsetParent.scrollTop +40); 
 LEFT: expression(offsetParent.scrollLeft); 
} 
</style>


<script language="Javascript1.2">


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.getElementById("vx").innerHTML = tempX;
document.getElementById("vy").innerHTML = tempY;
return true;
}

</script>

<BODY>

<div id="x">X <span id="vx"></span></div><br>
<div id="y">Y  <span id="vy"></span></div>

<BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><
BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><
BR><BR><BR><BR><BR><BR><BR><BR>

</body>

</html>

#1 pp.edro

#2 pp.edro

1 user(s) are reading this topic

Capturando Posição Do Mouse E Exibindo

#1 pp.edro

#2 pp.edro

1 user(s) are reading this topic

Entrar