Discussion :

[davelop]

Bonjour,

J'aimerais savoir s'il serait possible de rendre prioritaire un lien hypertexte sur un texte présent dans un tableau, sachant que les lignes de ce tableau ont un evènement OnClick dans le <tr>

En pratique, dans ce tableau si on clique sur une ligne, cela ouvre une pop-up du détail de cette ligne
mais lorqu'il y a un lien hypertexte dans ce tableau, je voudrais que cela ouvre ce lien sans ouvrir la pop-up du OnClick de la ligne en question.
Or là le lien + pop-up sont ouvert en même temps. je ne vois pas comment faire.

Pourriez vous m'aider ?

Merci d'avance

[sekaijin]

un onclick sur un élément d'un conteneur et prioritaire sur le onclick du conteneur
donc dans le cas d'un lien contenu dans un tableau
le onclick du lien passe avant le onclick de la cellule qui pas avant le onclick de la ligne qui passe avant le onclick du tableau ...

il faut géré le return dans la méthode du onclick pour ne pas le propager

A+JYT

[SpaceFrog]

A priori le lien étant dans un td, c'est le td en premier qui prend le click avant le lien ...
Tu peux toujours rajouter un stopPropagation() ou cancelBubble() pour éviter que le click du lie ne se propage

[davelop]

ça c'est du service rapide ! Merci

j'ai pas trop compris quoi faire en fait.

exemple simplifié

Code html :

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

1
2
3
4
5
<tr onclick="openpopup('details.asp?id=<%=param_ligne%>')">
  <td> blabla 1</td>
  <td> blabla 2</td>
  <td> <a href="lien.html">blabla 3</a></td>
<tr>

J'aimerais que si je clique sur le lien "blablabla 3" cela m'ouvre bien l'url (ce que ça fait déjà) mais que cela ne m'ouvre pas la pop-up en même temps.

comment je stoppe la propagation dans mon javascript "openpopup" ?

Encore merci

[SpaceFrog]

stopPropagation() ou cancelBubble()

qu'en pense google ?

[davelop]

Oui j'ai bien vu ta réponse, l'un pour plus pour IE, l'autre plutot pour les autre navigateur.

mais je ne comprend pas à quel endroit faire cette commande.
Il faudrait peut-être remplacer mon lien <a href ..> par un evènement javascript ?

[SpaceFrog]

non il suffit sur le onclick de la balise de stopper la propagation

Code :

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

1
2
3
<div id="foo" onclick="alert('deux clics ...')">parent
<a href="javascript:alert('un clic ça va');" onclick="(function(e){if(!e){e=window.event};if(e.stopPropagation){e.stopPropagation();}else{e.cancelBubble = true}})()">enfant</div>
</div>

le js dans le href est juste pour la mise en évidence du déclenchement du href

[davelop]

Ok merci bien
je vais tester cela

Merci

Edit : ça marche du tonnerre !