[HTML] lien hypertext sur une ligne de tableau

Version imprimable

Je veux que la ligne de mon tableau soit un lien sur une page mais j'y arrive pas
voila mon code

Code:

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
<!--VTP_liste-->        
<b><font color="green">{#avertok}</font></b>
<b><font color="red">{#avertko}</font></b>
<br><br>
<table width="98%" border="0"><tr>
    <th width="7%">Nom d'utilisateur</th>
    <th width="7%">Nom Prénom</th>
    <th width="20%">Service</th>
    <th width="35%">Modules : accès</th>
    <th width="24%">Groupes</th>
    </tr>
<!--VTP_lignes-->
<a href# onClick="updateParent({#login})">
<tr >
    <td class="{#couleur}">&nbsp;&nbsp;&nbsp;{#login}</td>
    <td class="{#couleur}"><div align="center">{#nom} {#prenom}</div></td>
    <td class="{#couleur}"><div align="center">{#nomservice}</div></td>    
    <td class="{#couleur}">
    <!--VTP_modules-->
    <li><i>{#nommodule}</i> : {#acces}</li><br>
    <!--/VTP_modules-->
    </td>
    <td class="{#couleur}">
    <!--VTP_groupe-->
    <li><i>{#nomgroupe}</i></li><br>
    <!--/VTP_groupe-->
    </td>
 
</tr>
</a>
<!--/VTP_lignes-->
</table>
</center>
<!--/VTP_liste-->

04/05/2006, 14h23
franculo_caoulene

Salut,

Ajoute un évènement onclick à toutes tes cellules et mets-y du javascript. Tu peux essayer sur le <tr> mais je ne suis pas convaincu.

bonjour,

petit script sorti de mes archives et adapté au problème :

Code:

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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
 
<html>
<head>
<title></title>
<style type="text/css">
<!--
.defaut{
border-style: solid;
border-color: #AAAAAA;
border-width: 2px;
}
.selected{
border-style: solid;
border-color: #AAAAAA;
border-width: 2px;
background-color: #8888DD;
}
td{
cursor: pointer;
}
//-->
</style>
 
<script type="text/javascript">
<!--
function SelectLigne(url)
{
 window.location.href=url;
}
function MouseOut(obj)
{
 obj.className="defaut";
}
function MouseOver(obj)
{
 obj.className="selected";
}
//-->
</script>
 
</head>
 
<body>
<table class="defaut">
  <tr class="defaut" id="ligne1" onmouseout="MouseOut(this)" onmouseover="MouseOver(this)" onclick="SelectLigne('url1')">
    <td class="defaut">Ligne 1 case 0</td>
    <td class="defaut">Ligne 1 case 1</td>
    <td class="defaut">Ligne 1 case 2</td>
    <td class="defaut">Ligne 1 case 3</td>
    <td class="defaut">Ligne 1 case 4</td>
  </tr>
  <tr class="defaut" id="ligne2" onmouseout="MouseOut(this)" onmouseover="MouseOver(this)" onclick="SelectLigne('url2')">
    <td class="defaut">Ligne 2 case 0</td>
    <td class="defaut">Ligne 2 case 1</td>
    <td class="defaut">Ligne 2 case 2</td>
    <td colspan="2" class="defaut">Ligne 2 case 3</td>
  </tr>
  <tr class="defaut" id="ligne3" onmouseout="MouseOut(this)" onmouseover="MouseOver(this)" onclick="SelectLigne('url3')">
    <td class="defaut">Ligne 3 case 0</td>
    <td class="defaut">Ligne 3 case 1</td>
    <td class="defaut">Ligne 3 case 2</td>
    <td class="defaut">Ligne 3 case 3</td>
    <td class="defaut">Ligne 3 case 4</td>
  </tr>
</table>
 
<br><br><br>
 
 
</body>
</html>

petite remarque en passant :

Code:

1
2
3
4
5
6
7
 
<a href="">
<tr >
    <td>.....
    </td>       
</tr>
</a>

évite d'encadrer les balises tr de balises a