Bonjour à tous,

je construis un tableau dynamiquement grâce à du J2EE, je ne connais donc pas le contenu qu'il aura !

Je souhaite pourtant changer la couleur du contenu des TDs ayant pour "class" : "txt" et ayant pour grand-parent une balise "TBODY".

J'ai fait des tests, à priori mon code est bon, mais en fait non ... ça fonctionne pas !

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
[...]
<script type="text/javascript">
	function modifStyle() {
        var i, oTD;
        var allTDs = document.getElementsByTagName("td");
        var n = allTDs.length;
 
        for (i=0 ; i<n ; i++)
        {
            oTD = allTDs[i];
 
            var tagPere = oTD.parentElement;
            var tagGdPere = tagPere.parentElement;
 
            if (oTD.className == "txt" && tagGdPere.nodeName == "TBODY")
            {
            	switch (oTD.innerHTML)
				{
					case "2":
					  oTD.style.color = "navy";
					  break;
					case "3":
					  oTD.style.color = "purple";
					  break;
					case "4":
					  oTD.style.color = "#E72100";
					  break;
					case "5":
					  oTD.style.color = "#ED7F10";
					  break;
					case "6":
					  oTD.style.color = "#FCD21C";
					  break;
					case "7":
					  oTD.style.color = "#008B00";
					  break;
					default:
					  oTD.style.color = "black";
				}
 
                oTD.style.fontWeight = "bold";
            }
        }
	}
</script>
</head>
<body onload="modifStyle()">
[...]
Résultat : Pas d'erreur JS et rien n'est modifié dans ma page !


Gôm