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

**speedev** · 23/06/2006, 08h42

A peine sorti du lit, à peine arriver au travail que voilà que je tombe nez à nez avec un truc qui coince:

Code :

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

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

**Swoög** · 23/06/2006, 08h44

Salut !

peut-être avec inherit...

**speedev** · 23/06/2006, 08h54

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 :

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

**SpaceFrog** · 23/06/2006, 08h56

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 :

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

**speedev** · 23/06/2006, 08h58

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+

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

JavaScript

Discussions similaires

Partager

Partager