Javascript et évènements (EVENT / addEventListener) ?

[Dharius]

Bonjour,

Voilà, j'ai une liste en html du genre :

Code: Tout sélectionner

<div id=liste>

<div><a href=/membres/index.php?action=liste rel=180 title="Membres" OnMouseOut="tooltip('','','')" onMouseOver="tooltip(this.title,this.rel,'')"><img alt="Membres" src="/membres/im/images/group.png" border="0" /></a></div>

<div><a href=/membres/index.php?action=liste rel=200 title="Inviter des amis" OnMouseOut="tooltip('','','')" onMouseOver="tooltip(this.title,this.rel,'')"><img alt="Invite" src="/membres/im/images/invite.png" border="0" /></a></div>

<div><a href=/membres/profil_<? echo $_SESSION["id_personne"]; ?>.html rel=245 title="Profil" OnMouseOut="tooltip('','','')" onMouseOver="tooltip(this.title,this.rel,'')"><img alt="Profil" src="/membres/im/images/profil.png" border="0" /></a></div>

<div><a href=/membres/messagerie.php rel=330 title="Messagerie interne" OnMouseOut="tooltip('','','')" onMouseOver="tooltip(this.title,this.rel,'')"> <img alt="Messagerie interne" src="/membres/im/images/email.png" border="0"/></div>

...

</div>


Je sais qu'il est possible pour chaque ligne de supprimer les "onMouseOver" et "onMouseOut", avec un système d'Event en javascript pour avoir des listes clean (et extensibles) du genre

Code: Tout sélectionner

<div id=liste>

<div><a id="monidtest" href=/membres/index.php?action=liste rel=180 title="Membres"><img alt="Membres" src="/membres/im/images/group.png" border="0" /></a></div>

<div><a href=/membres/index.php?action=liste rel=200 title="Inviter des amis"><img alt="Invite" src="/membres/im/images/invite.png" border="0" /></a></div>

<div><a href=/membres/profil_4.html rel=245 title="Profil" ><img alt="Profil" src="/membres/im/images/profil.png" border="0" /></a></div>

<div><a href=/membres/messagerie.php rel=330 title="Messagerie interne"> <img alt="Messagerie interne" src="/membres/im/images/email.png" border="0"/></div>

...

</div>


J'ai essayé en cherchant du côté de "addEventListener" avec par exemple :

Code: Tout sélectionner

document.getElementById('monidtest').addEventListener("onmouseover",alert('test'),false);


mais le problème, c'est qu'elle semble s'exécuter automatiquement (genre je rafraichi la page et ca se lance), alors que je veux qu'elle se lance que sur un "onmouseover"...

Quelqu'un s'y connait-il ? Ça me serait très utile !

MERCI d'avance.

[bidulemachin]

Il me semble que le second paramètre de la fonction addeventlistener attend une référence à une fonction et non pas l'appel de la fonction lui même

Code: Tout sélectionner

function test () {
alert('toto')
}

donc addeventlistener("onmouseover",test,false);

Je pense serait plus juste :]

[Dharius]

Oui, c'est ce que je fais aussi, mais le problème est le même... elle se lance automatiquement au chargement de la page.