Posicion raton pantalla firefox 1.0 y netscape 7.2

dovi · #1 (**permalink**) 17/11/2004, 11:28

Hola a todos,
necesito obtener la posicion del raton en la pantalla para almacemarla en un vector. Como siempre lo consegui hacer correr con IE y netscape 4.78(esto ultimo fue mas dificil) pero no hay manera de hacerlo funcionar con netscape 7.2 ni con firefox 1.0. alguien podria ayudarme please?
Muchas gracias a todos!

JavierB · #2 (**permalink**) 17/11/2004, 12:05

Hola dovi.

Llama a la función tal que así:

<body onmousemove="coordenadas(event)">

y la función sería:

function coordenadas(event) {
x = event.clientX + window.scrollX;
y = event.clientY + window.scrollY;
}

Lo he probado en firefox 1.0 y funciona. De todas formas te dejo el enlace de donde lo he sacado por si tienes alguna duda:

http://kusor.net/traducciones/brainjar.es/drag1.es.html

Saludos,

dovi · #3 (**permalink**) 18/11/2004, 11:26

Muchas gracias Javier, me fue de gran utilidad. Dejo el codigo por si alguien lo necesita, lo he probado con firefox 1.0, netscape 7.2, Opera e IE. Por cierto no me acaba de convencer como detecto el browser, como lo tengo implementado funciona pero si alguien sugiere alguna mejor lo agradeceria. Gracias!!

<SCRIPT type="text/javascript">

</script>

Troyano · #4 (**permalink**) 30/03/2005, 10:47

Hola no me habia fijado en este mensaje, si me permiten voy ha reciclar el mensaje con una duda mia.

Necesito obtener la posicion del cursor en una imagen cuando se haga clic en ella.

Investigue un poco y aparentemente seria asi:

function obtenerPos()
{
alert( event.offsetX+","+event.offsetY);
}

<img name="visor" src="mapa_cielo.jpg" width="442" height="384" onClick="obtenerPos();">

esto me funciona en Internet Explorer (previo mensaje de codigo inseguro), pero en Netscape y en Mozilla Firefox no me funciona para nada.

¿Alguien tiene alguna idea de como lo podria hacer? y ha ser posible sin mensaje de codigo inseguro.

JavierB · #5 (**permalink**) 30/03/2005, 11:00

Hola Troyano

La imágen debería quedar así:

<img name="visor" src="mapa_cielo.jpg" width="442" height="384" onClick="obtenerPos(event);">

y la función de esta forma:

function obtenerPos(e)
{
alert( e.clientX+","+e.clientY);
}

Espero que te sirva. Saludos,

Troyano · #6 (**permalink**) 31/03/2005, 10:29

Muchas gracias, si me funciono bien asi

JavierB · #7 (**permalink**) 31/03/2005, 11:06

Me alegro de que te haya servido. Añadiré una muesca a mi Colt del 45

Troyano · #8 (**permalink**) 16/04/2005, 16:29

Tras analizar un poco la cuestion , resulta que no me funciono porque clientX y clientY son propiedades que me dicen la posicion del cursor en la ventana y no dentro de la imagen. Al final lo resolvi asi:

function ObtenerPos2(event)
{
if(document.all)
diferencia=2;
else
diferencia=0;
x=event.clientX-document.visor.offsetLeft-diferencia;
y=event.clientY-document.visor.offsetTop-diferencia;

alert(x+","+y);

}

Y si esta la imagen en posicion relativa con respecto a otra capa tambien se tiene que restar la posicion de la capa.

jenusys · #9 (**permalink**) 17/01/2009, 17:15

Vean una forma más fácil (por lo menos con Mozilla Firefox 3, no sé si con MF 1.0):

//Para que les funcione con IE y Mozilla
X = moz ? e.clientX + window.scrollX: event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
Y = moz ? e.clientY + window.scrollY: event.clientY + document.documentElement.scrollTop + document.body.scrollTop;