[HTML] lien hypertext sur une ligne de tableau

**BigBarbare** · 04/05/2006, 13h49

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

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

**franculo_caoulene** · 04/05/2006, 14h23

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.

**Auteur** · 04/05/2006, 14h43

bonjour,

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

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

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

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

évite d'encadrer les balises tr de balises a

[HTML] lien hypertext sur une ligne de tableau

HTML

Discussions similaires

Partager

Partager