[JAVASCRIPT / CSS] .backgroundColor non exécuté

Version imprimable

23/06/2006, 08h42
speedev

[JAVASCRIPT / CSS] .backgroundColor non exécuté
A peine sorti du lit, à peine arriver au travail que voilà que je tombe nez à nez avec un truc qui coince:
Code:

1 2 document.getElementById("id_"+objet).style.backgroundColor="transparent"; alert (document.getElementById("id_"+objet).style.backgroundColor);
Comme vous le voyez, j'applique un background transparent à un objet (un <tr>) de ma page. Ce système fonctionne puisque je le passe en vert en rouge sans problème. Seulement ce n'est pas le cas avec "transparent", je veux en faire supprimer le fond (mettre à "none" quoi). L'alert me renvoie transparent mais à l'affichage le fond reste dans sa couleur dernièrement passée. Si je remplace transparent par "red", le fond passe en rouge. Vous avez une idée pour supprimer le fond?? Sachant que ça marchait hier et que je ne vois pas où l'erreur peut se trouver ailleurs que dans ces deux lignes...

Merci
23/06/2006, 08h44
Swoög

Salut !

peut-être avec inherit...

Bon, on va dire que j'étais pas assez réveillé pour voir l'erreur.
Affaire résolue.
J'avais beau appliquer une modification de la couleur de fond, ça n'aurait rien changé, puisque c'est pas une couleur mais une image transparente répétée que j'appliquais...je m'en souvenais plus.
donc voici le code que j'ai balancé pour que ça marche si ça vous intéresse:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
if (document.getElementById("id_"+objet))					
					{
						if (navigator.appName=="Microsoft Internet Explorer") 
						{
							document.getElementById("id_"+objet).style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=false,src=\"../images/pix_tra_green.png\",sizingMethod=\"scale\")"; 
							alert (document.getElementById("id_"+objet).style.filter);
						}
						else
						{	if (navigator.appName=="Netscape")
								document.getElementById("id_"+objet).style.backgroundImage = "none";
							else
								document.getElementById("id_"+objet).style.backgroundImage = "none";
						}
						document.getElementById("id_"+objet).style.color="green";
					}

Bingo!
a+

ben si ça fonctionne:
mais faut prendre en compte que "derrière" le td y'a un tr et derrière le tr y'a un table

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
<body style="background-color:red">
 
<table border="1" width="100%" style='background-color:white'>
	<tr>
		<td width="33%">&nbsp;</td>
		<td width="33%">&nbsp;</td>
		<td width="34%">&nbsp;</td>
	</tr>
	<tr id="id2">
		<td width="33%">&nbsp;</td>
		<td id="id1" width="33%">dd&nbsp;</td>
		<td width="34%">&nbsp;</td>
	</tr>
	<tr id="id3">
		<td width="33%">&nbsp;</td>
		<td width="33%">&nbsp;</td>
		<td width="34%">&nbsp;</td>
	</tr>
 
 
</table>
<script type='text/javascript'>
document.getElementById("id1").style.backgroundColor="transparent";
document.getElementById("id2").style.backgroundColor="green";
document.getElementById("id3").style.backgroundColor="transparent";
document.getElementById("id3").getElementsByTagName('td')[0].style.backgroundColor="transparent";
</script>
</body>

dans le code ci dessus c'est le background du table en blanc qui empêche de voir le rouge en transparence ...

23/06/2006, 08h58
speedev

non non c'est bon...j'applique le fond uniquement sur les lignes...c'est pour structurer des données avec ajax.
Donnée trouvée, verte!
Donnée pas incorrecte ou impossible, rouge!
Donnée inconnue, transparent!
Bioman!

a+