1. ✅ Apprenez une METHODE qui marche pour votre SEO ! Formation à distance avec Olivier Duffez et Fabien Facériès + aide pour prise en charge du financement
    Rejeter la notice

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:
    746
    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:
    746
    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
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
Styliser popup alert javascript Développement d'un site Web ou d'une appli mobile 16 Mars 2020
style.css unique préférable avec link ou javascript ? Développement d'un site Web ou d'une appli mobile 25 Décembre 2019