Discussion :

[Lyliene]

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 :

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

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 :

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

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

[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

[javatwister]

pour le principe:

Code :

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

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>

[Lyliene]

Merci beaucoup, ça fonctionne !