Discussion :

[lifty]

Bonjour la compagnie,

Tout d'abord un exemple de ma structure :

Code html :

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

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.

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 ni les liens ni le js, en gros je ne peut lancer aucun lien.

Bref pas cool

Amis du jour j'ai besoin de vous !

[Bovino]

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

Code html :

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

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>

[lifty]

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

[kodeya]

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

Code :

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

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 :

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

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

[Auteur]

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 mais deux choses :

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

  Code html :

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

  <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 :

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

  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 :

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

  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 
  }
  }

[kodeya]

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