bgColor ne semble pas fonctionner avec IE

Version imprimable

07/08/2009, 11h38
beegees

bgColor ne semble pas fonctionner avec IE
Bonjour tout le monde,

Ce code ne fonctionne pas avec Internet Explorer :
Code:

1 2 var couleur_td = document.getElementById(id_cellule).style.bgColor;
Sauriez-vous me dire par quoi je dois le remplacer pour que cela fonctionne sous IE ?

Merci d'avance.

beegees
07/08/2009, 11h47
jbrasselet

C'est pas plutôt backgroundColor que bgColor ? ;)
07/08/2009, 11h53
beegees
Citation:

Envoyé par jbrasselet

C'est pas plutôt backgroundColor que bgColor ? ;)

Salut,
Code:

1 2 var couleur_td = document.getElementById(id_cellule).style.backgroundColor; alert(couleur_td);
Ne fonctionne pas avec IE.

L'alerte ne se lance pas.

Avec Firefox, l'alerte se lance mais aucune valeur dedans.

Merci pour ton aide.

beegees

Je sais pas si ça peut t'aider mais une petite page html faite vite fait me donne un résultat avec IE et firefox

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
 
<html>
<head>
<script>
function test() {
   var couleur_td = document.getElementById('td1').style.backgroundColor;
   alert(couleur_td);
   var couleur_td = document.getElementById('td2').style.backgroundColor;
   alert(couleur_td);
 
}
</script>
</head>
<body>
<table>
<tr>
   <td id="td1" style="background-color : #FF00FF;" onclick="test();">test
   </td>
   <td id="td2" style="background-color : #AABBCC;" onclick="test();">test2
   </td>
</tr>
</table>
</body>
</html>

07/08/2009, 12h31
SpaceFrog

tu n'as sans doute pas défini de background-color dans la balise...
si c'est le style interprété sur le même principe que le offset il te faudra utiliser getComputedStyle ...
07/08/2009, 12h55
Auteur

et si le background-color est défini dans une feuille de style

Code:

document.getElementById('td1').style.backgroundColor

ne retournera rien également.
07/08/2009, 13h46
jbrasselet

Citation:

Envoyé par Auteur

et si le background-color est défini dans une feuille de style

Code:

document.getElementById('td1').style.backgroundColor

ne retournera rien également.

Ah oui tiens. :calim2:
Bon ben je m'endormirais moins bête ce soir et je ferais des tests plus sérieux :mrgreen:
07/08/2009, 14h36
Bovino

Citation:

Envoyé par Auteur

et si le background-color est défini dans une feuille de style

Code:

document.getElementById('td1').style.backgroundColor

ne retournera rien également.

En revanche, dans ce cas,

Code:

document.getElementById('td1').style.backgroundColor = ''

Affectera la valeur définie dans le CSS ;)

Salut,

Merci à vous tous pour vos réponses.

Je suis obligé de me plier aux exigences de IE.

J'utilise donc Ce code :

Code:

1
2
3
global_couleur_td = 
 
document.getElementById(global_id_jour).style.backgroundColor;

pour IE

Je transforme le résultat obtenu quand j'utilise Firefox avec cette fonction :

Code:

global_couleur_td = RGBtoHex(global_couleur_td);

Dont voici le code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 function RGBtoHex(ColorString) 
 {
	 HexDigits = "0123456789abcdef";
	 if (ColorString.charAt(0) == '#') 
	 {
	 	return ColorString;
 	 } 
	 else 
	 {
		 ColorString = ColorString.substr(4);
		 pos = ColorString.indexOf(',');
		 Result = '#' + HexDigits.substr(Math.floor(ColorString.substr(0, pos) / 16), 1) + HexDigits.substr(ColorString.substr(0, pos) % 16, 1);
		ColorString = ColorString.substr(pos + 1);
		 pos = ColorString.indexOf(',');
		 Result = Result + HexDigits.substr(Math.floor(ColorString.substr(0, pos) / 16), 1) + HexDigits.substr(ColorString.substr(0, pos) % 16, 1);
		 ColorString = ColorString.substr(pos + 1);
		 Result = Result + HexDigits.substr(Math.floor(ColorString.substr(0, pos) / 16), 1) + HexDigits.substr(ColorString.substr(0, pos) % 16, 1);
		 alert(Result);
		 return Result;
	 }
 }

Merci encore pour votre aide.

beegees