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

[lifty]

Merci

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).

[RomainVALERI]

Merci

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 ?

[lifty]

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

Un premier lien utile

[lifty]

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 :

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

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é)

[Bovino]

Code :

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

1
2
3
4
5
6
7
function visualiserDoc(idLien){
	location.href = $('#'+idLien).attr('href');
}
 
function visualiserPli(idLien){
	location.href = $('#'+idLien).attr('href');
}

[lifty]

Merci bovino

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