Discussion :

[Espadrilles]

Bonsoir,

J'ai un petit soucis :

je g�n�re des �l�ments html � l'aide de javascript/DOM (createElement), puis je donne � ces �l�ments des class CSS � l'aide de la m�thode setAttribute avant d'ins�rer le noeud cr�� dans la page.

Seulement Internet Explorer (6 et 7) ne prends pas en compte les propri�t�s CSS que l'�l�ment devrait avoir vis � vis de sa classe (sous firefox �a marche).

Un petit exemple qui illustre le probl�me :

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
 
<style>
.uneClasse {color:red;}
</style>
 
<script type="text/javascript">
 
	function creerSpan()
	{
		newSpan = document.createElement("span");
		newSpan .setAttribute("class","uneClasse");
		newSpan .innerHTML="Test";
		document.getElementById("conteneur").appendChild(newSpan);
	}
 
</script>
 
 
 
<div id="conteneur">
	<span class="uneClasse">Test</span>
</div>
 
<button onclick="javascript:creerSpan();">Hop</button>

ce code devrait en th�orie ajouter des textes "Test" en rouge, ce que fait firefox mais pas IE (il cr�e les �l�ments mais ils restent noir), ce dernier semble ne pas appliquer de style lorsqu'un �l�ment est rajout� dynamiquement par javascript.

Est-ce quelque chose qui m'�chappe ? Un probl�me d'IE ? Quelqun a t'il d�ja �t� confront� � ce probl�me ?

Merci d'avance de vos lumi�res parce que l� je s�che !

[E.Bzz]

Bonjour,
je crois que pour IE faut faire

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

newSpan.class="uneClasse";

Mais essaye d�j� en enlevant l'espace devant le "." ...

A+

[Bis�n�rs]

IE ne reconna�t pas la m�thode :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

setAttribute()

Je corrigerais juste un petit truc du code de E.Bzz :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

newSpan.className="uneClasse";

[Espadrilles]

Merci !!

Je cherchais pas du tout le probl�me � ce niveau l�.

D'autant que cette m�thode semblait marcher pour d'autres attributs.

Apparement setAttribute est cens� marcher avec IE mais souffre de nombreuses lacunes (pour ceux que �a int�resse ce lien propose quelques rustines).

L'�quivalent avec setAttribute qui marche sous IE est

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

newSpan.setAttribute("className","uneClasse");

(test� IE7)

cependant celui l� ne marche pas avec firefox ... je pr�f�re donc ta solution Bis�n�rs qui marche avec les deux !

Merci � vous deux !

[E.Bzz]

Je corrigerais juste un petit truc du code de E.Bzz :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

newSpan.className="uneClasse";

Ouhla !
Effectivement