Changer la couleur de la ligne d'un tableau

**azerty123450** · 10/10/2009, 20h03

Bonjour à tous,

Je vous écris ce message car je souhaite faire un tout petit algorithme

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 :

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

**micetf** · 10/10/2009, 21h59

L'élément parent de tr est tbody.
Si tu veux accéder à table,
tu dois encore aller chercher l'élément parent de tbody :

Code :

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

ligne.parentNode.parentNode.bgColor="blue";

Fred

Changer la couleur de la ligne d'un tableau

JavaScript

Discussions similaires

Partager

Partager