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
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
Format milliers nombre en javascript Développement d'un site Web ou d'une appli mobile 5 Décembre 2019
Référencement d'un site full javascript (angular js) Référencement Google 10 Septembre 2019
Compatibilité Javascript pour IE. Demandes d'avis et de conseils sur vos sites 21 Avril 2019
Librairie javascript PerformanceNavigationTiming Développement d'un site Web ou d'une appli mobile 7 Avril 2019
Site totalement javascript : pas bon pour le SEO ? Débuter en référencement 8 Novembre 2018
Quelle origine connexion http en javascript ? Développement d'un site Web ou d'une appli mobile 11 Juillet 2018
Audit SEO et Javascript Référencement Google 18 Juin 2018
Noindex dans un contenu HTML chargé par Javascript ? Référencement Google 2 Mai 2018
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice