Evénements multiples sur un <tr>

Bonjour la compagnie,

Tout d'abord un exemple de ma structure :

Code:

---

1 2 3 4 5 6 7 8 9 10

<table> <tr onclick='document.getElementById('lien1').click();'> <td id="colLien1"><a id='lien1' href='ulr1'/></td> <td></td> <td></td> <td></td> <td></td> <td id="colLien2" onclick='document.getElementById('lien2').click();'><a id='lien2' href='ulr2'/></td> </tr> </table>

---

Desiderata
Je voudrais que si je clique sur la ligne de ma table je lance le lien1, si je clique dans la td contenant mon lien2 alors je lance le lien2 et non pas le lien1.:mrgreen:

Soucis:
Sous IE7 si je clique sur n'importe sur n'importe quelle <td> de la table je simule un clic sur lien1. Si je clique sur le lien2 il s'exécute mais si je clique dans le <td id="colLien2"> alors c'est le lien 1 qui s'execute.
Sous FF3 c'est simple rien ne marche :aie: ni les liens ni le js, en gros je ne peut lancer aucun lien.

Bref pas cool :mouarf:

Amis du jour j'ai besoin de vous !

Il faut être plus rigoureux dans l'imbrication des quotes :roll:

Code:

---

1 2 3 4 5 6 7 8 9 10

<table> <tr onclick="document.getElementById('lien1').click();"> <td id="colLien1"><a id='lien1' href='ulr1'/></td> <td></td> <td></td> <td></td> <td></td> <td id="colLien2" onclick="document.getElementById('lien2').click();"><a id='lien2' href='ulr2'/></td> </tr> </table>

---

Pardon :D j'ai fait ça un peu vite direct dans la balise [CODE.] :aie: Ceci dit c'est pas ça le problème ( je viens de vérifier on sait jamais :roll:)

C'est peut être normal ( pas sur :lol: ) . Comme <td> est à l'intérirur de <tr> l'evenement attaché à <tr> est prioritaire. Tu peux contourner en faisant une fonction du genre :

Code:

---

1 2 3 4 5 6 7 8

function redirect( el ){ if(el.id == 'lien2' ){ // simuler le click sur le lien 2 }else{ // simuler le click sur le lien 1 } }

---

onclick devrait être changé aussi :

Code:

---

1 2 3 4 5 6 7 8

<table> <tr id='' onclick="redirect(this)"> <td id="colLien1"><a id='lien1' href='ulr1'/></td> <td></td> <td id="colLien2" onclick="redirect(this)"><a id='lien2' href='ulr2'/></td> </tr> </table>

---

Bonne chance

bonjour,

tu peux également utiliser des flag : cf. cet exemple Dans l'exemple c'est avec un span contenu dans un tr et l'événement est le ondblclick, mais tu peux facilement l'adapter à tes besoins ;)


Le code de kodeya est bien lui aussi :ccool: mais deux choses :

• dans le code HTML un détail me chagrine :
  
  Code:

  ---

  <tr id='' onclick="redirect(this)">

  ---

  le tr a un id non défini :? Si l'attribut est présent, mieux vaut lui donner une valeur.
• attention
  
  Code:

  ---

  1 2 3 4 5 6 7 8

  function redirect( el ){ if(el.id == 'lien2' ){ // simuler le click sur le lien 2 }else{ // simuler le click sur le lien 1 } }

  ---

  la fonction redirect() est appelée par un td ou un tr, or aucun de ces éléments n'a un id == 'lien2'. Peut-être que kodeya a voulu écrire :
  
  Code:

  ---

  1 2 3 4 5 6 7 8 9 10 11 12

  function redirect( el ) { if(el.id == 'colLien2' ) { // simuler le click sur le lien 2 } else { // simuler le click sur le lien 1 } }

  ---

  ;)

C'est tout a fait ça. Merci pour la correction :ccool:

Merci :mrgreen:

Par contre j'ai l'impression que la fonction javascript click() ne marche pas sous firefox (en effet la solution marche sous IE mais pas sous FF).

(j'ai tenté une simulation via javascript avec document.getElementBy('monId').click() et aussi avec jQuery $(caller).click() ) mais peine perdue ça ne fonctionne pas sous FF (v3 je précise).

Citation:

---

Envoyé par lifty

Merci :mrgreen:

Par contre j'ai l'impression que la fonction javascript click() ne marche pas sous firefox (en effet la solution marche sous IE mais pas sous FF).

(j'ai tenté une simulation via javascript avec document.getElementBy('monId').click() et aussi avec jQuery $(caller).click() ) mais peine perdue ça ne fonctionne pas sous FF (v3 je précise).

---

Juste en passant mais sans avoir eu le temps de vérifier : tu as envisagé fireEvent ?

:oops: Non, mais je vais me renseigner ^^ merci du tuyau !

Un premier lien utile

J'ai testé mais rien de concluant chez moi :/

Du coup j'ai opté pour une solution qui est peut être une usine à gaz .. à voir.

Code:

---

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

<table> <tr > <td onclick='visualiserLien1("lien1")'> <a id='lien1' href='ulr1'/> </td> <td onclick='visualiserLien1("lien1")'></td> <td onclick='visualiserLien1("lien1")'></td> <td onclick='visualiserLien1("lien1")'></td> <td onclick='visualiserLien1("lien1")'></td> <td onclick='visualiserLien2("lien2")'> <a id='lien2' href='ulr2'/> </td> </tr> </table> <script type="text/javascript"> function visualiserDoc(idLien){ window.location = $('#'+idLien).attr('href'); }   function visualiserPli(idLien){ window.location = $('#'+idLien).attr('href'); } </script>

---

Je ne simule plus un click sur mon lien, je redirige carrement mon application avec l'url issu de mon lien. (Je laisse quand même le lien au cas où le javascript ne serait pas activé)

Code:

---

1 2 3 4 5 6 7

function visualiserDoc(idLien){ location.href = $('#'+idLien).attr('href'); }   function visualiserPli(idLien){ location.href = $('#'+idLien).attr('href'); }

---

Merci bovino :ccool:

ça marche aussi comme ça et c'est peut être mieux (je te fait confiance) :aie: