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

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par Dharius, 15 Juillet 2009.

  1. Dharius
    Dharius WRInaute impliqué
    Inscrit:
    6 Avril 2005
    Messages:
    741
    J'aime reçus:
    0
    Bonjour,

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

    Code:
    <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:
    <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:
    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.
     
  2. bidulemachin
    bidulemachin WRInaute discret
    Inscrit:
    5 Octobre 2007
    Messages:
    100
    J'aime reçus:
    0
    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:
    function test () {
    alert('toto')
    }
    
    donc addeventlistener("onmouseover",test,false);
    Je pense serait plus juste :]
     
  3. Dharius
    Dharius WRInaute impliqué
    Inscrit:
    6 Avril 2005
    Messages:
    741
    J'aime reçus:
    0
    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.
     
Chargement...
Similar Threads - Javascript évènements (EVENT Forum Date
[RESOLU][Javascript] ordre de priorité des évènements Développement d'un site Web ou d'une appli mobile 9 Août 2011
Deux questions pour deux scripts javascript. Développement d'un site Web ou d'une appli mobile 29 Août 2022
Pages dynamiques avec Javascript ? Développement d'un site Web ou d'une appli mobile 14 Juillet 2022
[JavaScript Array] modifier un code html sans le supprimer/recréer Développement d'un site Web ou d'une appli mobile 20 Juin 2022
Le javascript protège-t-il du copiage HTML ? Développement d'un site Web ou d'une appli mobile 9 Mai 2022
Tester une URL avec Javascript Développement d'un site Web ou d'une appli mobile 25 Février 2022
jour en javascript Développement d'un site Web ou d'une appli mobile 24 Février 2022
référencement site full javascript Débuter en référencement 17 Janvier 2022
Javascript et preloader Référencement Google 16 Septembre 2021
Javascript API cache query non url ? Développement d'un site Web ou d'une appli mobile 18 Août 2021
Comment lancer du Javascript sans html ? Développement d'un site Web ou d'une appli mobile 28 Avril 2021
Pop up javascript + cookie Développement d'un site Web ou d'une appli mobile 3 Février 2021
Du php dans du javascript Développement d'un site Web ou d'une appli mobile 16 Novembre 2020
Editer document Word avec Javascript Développement d'un site Web ou d'une appli mobile 10 Septembre 2020
Quelle extension Chrome pour expander les liens Javascript Développement d'un site Web ou d'une appli mobile 30 Août 2020
Javascript et duplication de Hn Problèmes de référencement spécifiques à vos sites 21 Août 2020
Quels Outils Javascript pour générer des documents Demandes d'avis et de conseils sur vos sites 21 Juillet 2020
HTML fait par Javascript <=>gérer les Events ? Développement d'un site Web ou d'une appli mobile 5 Juillet 2020
Compresseur Javascript récent? Développement d'un site Web ou d'une appli mobile 7 Juin 2020
Debugger Javascript sous IOS (avec émulateur) Développement d'un site Web ou d'une appli mobile 27 Mai 2020