Changer la couleur de la ligne d'un tableau
Bonjour à tous,
Je vous écris ce message car je souhaite faire un tout petit algorithme :D qui permettrait de changer la couleur d'une ligne d'un tableau html en cliquant dessus. L'idée que j'avais c'était qu'à chaque fois que je cliquais sur une cellule, je réinitialisais la couleur de fond du tableau, puis j'ajoutais la couleur de la ligne concernée. Pour le premier clic tout se passe bien.
Cependant, pour le second clic la couleur de la précédente ligne sélectionnée est "gardée en mémoire".
Merci pour votre aide.
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
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<title>Test</title>
<script type="text/javascript">
function changerCouleur(ligne){
ligne.parentNode.bgColor="blue";
ligne.bgColor="red";
}
</script>
</head>
<body>
<table class="table">
<tr class="LigneTableau" onclick="javascript:changerCouleur(this)">
<td>toto</td>
<td>toto</td>
<td>toto</td>
</tr>
<tr class="LigneTableau" onclick="javascript:changerCouleur(this)">
<td>toto</td>
<td>toto</td>
<td>toto</td>
</tr>
<tr class="LigneTableau" onclick="javascript:changerCouleur(this)">
<td>toto</td>
<td>toto</td>
<td>toto</td>
</tr>
</table>
</body>
</html> |
