bgColor ne semble pas fonctionner avec IE

**beegees** · 07/08/2009, 11h38

Bonjour tout le monde,

Ce code ne fonctionne pas avec Internet Explorer :

Code :

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

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

**jbrasselet** · 07/08/2009, 11h47

C'est pas plutôt backgroundColor que bgColor ?

**beegees** · 07/08/2009, 11h53

Envoyé par jbrasselet

C'est pas plutôt backgroundColor que bgColor ?

Salut,

Code :

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

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

**jbrasselet** · 07/08/2009, 12h00

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 :

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

**SpaceFrog** · 07/08/2009, 12h31

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

**Auteur** · 07/08/2009, 12h55

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

Code :

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

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

ne retournera rien également.

**jbrasselet** · 07/08/2009, 13h46

Envoyé par Auteur

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

Code :

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

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

ne retournera rien également.

Ah oui tiens.

Bon ben je m'endormirais moins bête ce soir et je ferais des tests plus sérieux

**Bovino** · 07/08/2009, 14h36

Envoyé par Auteur

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

Code :

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

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

ne retournera rien également.

En revanche, dans ce cas,

Code :

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

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

Affectera la valeur définie dans le CSS

**beegees** · 07/08/2009, 15h54

Salut,

Merci à vous tous pour vos réponses.

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

J'utilise donc Ce code :

Code :

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

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 :

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

global_couleur_td = RGBtoHex(global_couleur_td);

Dont voici le code :

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

bgColor ne semble pas fonctionner avec IE

JavaScript

Discussions similaires

Partager

Partager