conocer el elemento que dispara una función

Pez_del_Web · #1 (**permalink**) 31/07/2009, 06:00

saludos,

¿alguien sabe como conocer la referencia del elemento que ha disparado un evento o función?

por ejemplo :

Código javascript:

Ver original<div onmouseover="funciontal();"></div>
<div onmouseover="funciontal();"></div>
<div onmouseover="funciontal();"></div>

Código javascript:

Ver originalfunction funciontal(){
   //no encuentro la referencia al elemento que me ha llamado :_(
}

sin enviarle ningún parámetro extra, cómo se que elemento ha disparado la función?

he estado probando con window.event.target pero nada, no encuentro la manera

gjx2 · #2 (**permalink**) 31/07/2009, 07:09

No se si esto te sirva
http://www.forosdelweb.com/f13/dispa...bserve-562606/

Pez_del_Web · #3 (**permalink**) 31/07/2009, 13:03

al final lo he hecho con jquery, que da más facilidades, gracias :D

Edig · #4 (**permalink**) 31/07/2009, 13:14

ya trataste con return?

porfavor explica un poco mas no entendi. Para que lo necesitas?

Pez_del_Web · #5 (**permalink**) 31/07/2009, 13:42

necesitaba conocer las coordenadas del elemento, pero claro si dispara la función sin el event pués no se puede llamar al objeto event desde dentro de la función (o al menos yo no he logrado hacerlo compatible con todos los navegadores) por lo que he recuperado las coordenadas del ratón en vez de las del elemento y he podido hacer un apaño :X

dobermann71 · #6 (**permalink**) 31/07/2009, 14:36

Amigo a cada div debes agregarle el id y el name y por ambos puedes obtener referencia a quien et esta llamando ejemplo:

Cita:

<html>
<head>
<script language="javascript">
function funciontal(id){
alert('me llamo el div '+id);
}
</script>
<title>quien llama</title>
</head>
<body>
<br>
<br>
<div id='d1' name='d1' style="position: Absolute; left: 110px; top: 80px; height: 40px; background-color: Yellow;" onmouseover='javascript:funciontal(this.id);'>div d1</div>
<br>
<div id='d2' name='d2' style="position: Absolute; left: 110px; top: 130px; height: 40px; background-color: Blue;" onmouseover='javascript:funciontal(this.id);'>div d2</div>
<br>
<div id='d3' name='d3' style="position: Absolute; left: 110px; top: 180px; height: 40px; background-color: Red;" onmouseover='javascript:funciontal(this.id);'>div d3</div>
</body>
<html>

Pez_del_Web · #7 (**permalink**) 31/07/2009, 16:06

ya, lo que pasa es que andaba adaptando un tooltip viejo a uno de jquery y no podía modificar el código desde dentro, tenía que crear una interpretación desde fuera que fuese capaz de leer lo antiguo y lo nuevo

al final lo apañe como he comentado y he logrado que funcione