Lien sur une ligne de tableau

**DJPi** · 25/07/2006, 21h48

Bonjour à tous,

Malgré plusieurs recherches, sur ce forum et sur le net, je n'arrive pas à obtenir ce que je cherche.

Je voudrais pourvoir créer un lien commun sur une ligne entière d'un tableau. Ainsi, avoir un seul et unique lien dans la ligne au lieu de d'avoir un truc du genre :
<tr><td><a>XXXX</a></td><td><a>YYYY</a></td> ....</tr>

Je préfererai un truc du genre :

<tr><a><td>XXXXX</td><td>YYYYYY</td>....</a></tr>

VOila, en espérant avoir été assez clair

Merci d'avance !
DJPi

**Kerod** · 25/07/2006, 22h30

Tu peux utiliser l'evenement onclick du tr et faire un document.location.href ou un window.location.href

**DJPi** · 25/07/2006, 22h52

<tr onclick="window.location.href('mapage.html');">

Ca doit fonctionner comme ça ?

**Auteur** · 25/07/2006, 22h53

Envoyé par Kerod

Tu peux utiliser l'evenement onclick du tr et faire un document.location.href ou un window.location.href

c'est la seule possibilité. Je pense même que DJPi pourrait utiliser les événements onmouseover et onmouseout pour modifier les styles lors du pssage de la souris sur les cellules.

[edit]DJPi : nos messages se sont croisés[/edit]

**Auteur** · 25/07/2006, 22h55

Envoyé par DJPi

<tr onclick="window.location.href('mapage.html');">

Ca doit fonctionner comme ça ?

oui.

Pour améliorer le code, j'ai ajouté onmouseover et onmouseout() :

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
 
<html>
<head>
<title></title>
<style type="text/css">
<!--
td{
width: 50px;
}
table, tr, td{
border: 1px #AAAAAA solid;
}
 
.Defaut{
background-color: transparent;
font-weight: normal;
}
.styleOver{
background-color: #AAAAFF;
font-weight: bold;
cursor: pointer;
}
 
//-->
</style>
 
</head>
 
<body>
<table>
  <tr class="Defaut" onclick="window.location.href='page.htm'" onmouseover="this.className='styleOver'" onmouseout="this.className='Defaut'">
  <td>bla bla bla</td>
  <td>bla bla bla</td>
  <td>bla bla bla</td>
  <td>bla bla bla</td>
  </tr>
</table>
 
</body>
 
</html>

**Kerod** · 25/07/2006, 23h03

Voilà Auteur a tout résumé

**DJPi** · 25/07/2006, 23h09

Ca marche niquel !
merci à vous deux

Lien sur une ligne de tableau

HTML

Discussions similaires

Partager

Partager