Discussion :

[pasqual]

Bonjour,

Je cherche à détecter le clic sur des liens (qui ont des id spécifiques, mais ne sont pas défini de la même manière).

Pour cela, je place un eventlistener lors sur le lien lors du chargement de la page, si le lien est trouvé dans la page.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
var logOutLink = doc.getElementById('idOfElement')
if(logOutLink)
      signOutLink.addEventListener('click',LemonFox.logOutClickListener,false);
...
logOutClickListener: function(event)
{
	alert("link clicked");
},

Cela marche bien pour un lien défini de la façon suivante:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a id="log_out_link" href="....">Sign out</a>

mais le clic n'est pas détecter pour un lien qui se trouve dans une liste comme ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<li id="my_menu_logout" >
<a href="...">Sign out</a>
</li>

L'eventlistener est bien ajouté pour les deux éléments (id=log_out_link et id=my_menu_logout) mais le clic n'est pas détecté pour le lien inclu dans la liste. Comment puis-je avoir accès à l'évement sur le lien?

Merci d'avance pour votre aide

[le_chomeur]

bonjour , je te renvois sur la gestion des évènements, et t'invite a lire cette discution , j'y est mis u exemple a la fin ;-)

http://www.developpez.net/forums/d82...ete-plusieurs/

[pasqual]

Merci pour ta réponse le_chomeur,

J'ai réussi à détecter le clic sur le lien contenu dans la liste

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<li id="my_menu_logout" >
<a href="...">Sign out</a>
</li>

en plaçant l'event listener sur le premier child plutôt que sur le noeud courant.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
var logOutLink = doc.getElementById('my_menu_logout')
if(logOutLink)
      signOutLink.firstChild.addEventListener('click',logOutClickListener,false);
...
logOutClickListener: function(event)
{
	alert("link clicked");
},

Salutations