onclick sur un tr et lien dans un td

onclick sur un tr et lien dans un td - HTML/CSS - Programmation

Marsh Posté le 20-10-2010 à 11:49:24    

Bonjour,
 
J'ai un tableau qui peut ce schématiser de cette façon :
 

Code :
  1. <table>
  2. <tr onclick="document.location.href='page.html'">
  3. <td>colonne 1</td>
  4. <td>colonne 2</td>
  5. <td>colonne 3</td>
  6. <td>colonne 4</td>
  7. ......
  8. <td>colonne 10</td>
  9. <td><a href="autre_page1.html">Lien 1</a></td>
  10. <td><a href="autre_page2.html">Lien 2</a></td>
  11. </tr>
  12. </table>


 
Le problème est que lorsque je clique sur "Lien 1" ou "Lien 2" le onclick de la balise tr passe en priorité et je ne suis donc pas redirigé vers autre_page1.html ou autre_page2.html comme je l'aurais souhaité ... Vous comprenez ?
 
Alors bon j'ai évidement pensé à la solution de mettre le onclick pour chaque td sauf les deux derniers, ce qui me permettrait ainsi d'enlever celui du tr. Mais bon, ce n'est pas très classe sachant que j'ai une dizaine de colonne qui précèdent les deux liens ...
 
Merci d'avance pour vos nombreuses solutions  :)  

Reply

Marsh Posté le 20-10-2010 à 11:49:24   

Reply

Marsh Posté le 20-10-2010 à 13:19:16    

Bonjour,
Efectivement comme tu fait ça ne marche pas, le tr prime sur le td.
Il faut obligatoirement que tu sort tes deux lien de ta ligne tr.
Tu peus peut etre créer un deuxieme tableau avec juste deux colonnes pour tes liens. en mettant un float:left sur le premier, les deux tableaux seront alignés comme s'il n'y avait qu'un seul.
apres a toi d'arranger le style pour que ce soit jolie.
 
exemple:
<div>
<table style="float:left">
<tr onclick="document.location.href='page.html'">
<td>colonne 1</td>
<td>colonne 2</td>
<td>colonne 3</td>
<td>colonne 4</td>
<td>colonne 10</td>
</tr>
</table>
<table >
<tr>
<td><a href="autre_page1.html">Lien 1</a></td>
<td><a href="autre_page2.html">Lien 2</a></td>
</tr>
</table>
</div>

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed