Onclick sur tr et lien dans td

Bonjour,

J'ai un tableau avec 2 types de lignes : des lignes "parent" et de lignes "enfant".
Quand je clique sur une ligne "parent", ses lignes "enfant" disparaissent si elles étaient affichées ou s'affichent si elles étaient cachées.

Ceci fonctionne correctement.

Cependant mes lignes "parent" contiennent aussi des liens.
Or quand je clique sur un lien, la page cible ne s'ouvre pas, c'est l'action du onclick de la ligne qui semble être "prioritaire".

Avez vous une idée pour résoudre de problème, à savoir garder le lien fonctionnel ?


Voici le code illustrant mon problème si je n'ai pas été clair :
tableau :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

<table> <tr id="parent1" class="parent"> <td>texte</td> <td><a href="page1.html" >lien</a></td> </tr> <tr id="enfant11" class="enfant"> <td>texte</td> </tr> <tr id="enfant12" class="enfant"> <td>texte</td> </tr> <tr id="parent2" class="parent"> <td>texte</td> <td><a href="page2.html" >lien</a></td> </tr> <tr id="enfant21" class="enfant"> <td>texte</td> </tr> <tr id="enfant22" class="enfant"> <td>texte</td> </tr> </table>

---

script :

Code:

---

1 2 3

$('tr.parent').click(function () { // code pour chacher les tr fils });

---

Merci d'avance pour votre aide.

Salut,

Il faut jouer avec un event.stopPropagation(); pour arrêter la propagation de l'événement dans le DOM.

Super, merci pour la piste !

Voici donc, pour info, le bout de code correspondant à ce qui a été posté avant, et qui résout le problème

Code:

---

1 2 3

$('tr.parent td a').click(function (evt) { evt.stopPropagation(); });

---

Merci encore !

Je n'ai pas ce problème, la propagation du clique est conservée par défaut normalement. Dans un test que j'ai fait, le code du "onClick" est executé, puis le lien vers la page fonctionne.
Cela vient peut être de ton code qui ouvre et ferme les enfants.

Quel est l’intérêt de cacher/afficher les enfants avant d'aller à une autre page ?

Est ce que tu peux envoyer ce code ?


JL.

Aaaahhhh mais tu souhaitais en fait que lorsqu'on click sur le lien, le code du tr:onclick ne soit pas appelé c'est ça ?

JL.

Inutile de rajouter un événement...

Code:

---

1 2 3 4 5 6

$('tr.parent').click(function (e) { if($(e.target).is('a')){ return; } // code pour chacher les tr fils });

---

Effectivement, comme ça ça marche aussi.
Du coup j'ai modifié pour utiliser de code de Bovino.

Merci à tous.