Récupérer la valeur d'une case d'un tableau

Version imprimable

04/04/2009, 22h22
Lyliene

Récupérer la valeur d'une case d'un tableau

Bonjour / Bonsoir,

Voilà j'ai un tableau sur lequel j'aimerai modifier la couleur des différentes cases en fonction de leur contenu. Il n'est rempli que de 0 et de 1 donc la case devra prendre une couleur en fonction.

Le problème c'est que je n'arrive pas à atteindre la valeur des cases via le code. Chaque <td> du tableau a un id, donc j'essaie de récupérer le tout par:

Code:

document.getElementById(id).value

mais j'ai droit à un undefined. Et quand j'entoure le tout d'un parseInt c'est undefined. Bref je sais pas trop comment récupérer la valeur.

Mon idée étant ensuite de tester la valeur et de remplir la case avec quelque chose comme:

Code:

document.getElementById(id).style.backgroundColor = #couleur

Je ne sais pas si ça peut marcher, ni si c'est la meilleure solution (sûrement pas), je débute en javascript et c'est la seule à laquelle j'ai pensé. :[

Merci d'avance !:$
04/04/2009, 22h43
Boa67

Bonsoir
Si le code te renvoit undefined, c'est parce que value n'est pas approprié. Il faut utiliser document.getElementById(id).innerHTML pour obtenir le contenu d'une case du tableau.

Pour le style, entoure simplement #couleur par des quotes.

document.getElementById(id).style.backgroundColor = '#couleur';

Bon courage :)

pour le principe:

Code:

1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript"> 
 
var t=document.getElementById("tableau").getElementsByTagName("td");
 
for(i=0;i!=t.length;i++){
	with(t[i]){
		style.backgroundColor= firstChild.data=="1" ? "#ff0000" : "#ffff00";
	}
}
 
</script>

05/04/2009, 16h10
Lyliene

Merci beaucoup, ça fonctionne ! :king: