Discussion :

[pedouille]

Bonjour,

J'essai de programmer un site web en javascript, et pour créer les différents balises, j'utilise l'API DOM de la manière suivante :

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
 
		this.DOM = document.createElement("div");
		this.DOM.setAttribute("style",
					"border-style:solid;"+
					"border-width:1px;"+
					"position: absolute;"+
					"width: "+_Width+"px;"+
					"height: "+_Height+"px;"+
					"z-index: 1;"+
					"left: "+_Left+"px;"+
					"top: "+_Top+"px;"+
					"padding-left:4px;"+
					"padding-right:4px;"+
					"padding-top:1px;"+
					"padding-bottom:1px;"+
					"background-color:#FFFFFF;");
		this.DOM.setAttribute("id",this.Name);

Afin de créer le HTML suivant :

Code :

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

1
2
 
<div id="toto" style="border-style ..."></div>

Tout se passe très bien sous Firefox, Mozilla, Safari etc..., mais sous IE, voila la code HTML qui en découle :

Code :

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

1
2
 
<div id="toto"></div>

La fonction setAttribute avec en premier paramètre "style" ne "passe" pas. Supposons par exemple que je remplace cette ligne par :

Code :

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

1
2
 
this.DOM.setAttribute("styl","-la meme chose-");

Alors, a ce moment la, le HTML dans IE devient :

Code :

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

1
2
 
<div id="toto" styl="-la meme chose-"></div>

Bien sur, "styl" n'est pas interprété, mais ca veut dire que la fonction "setAttribute" fonctionne sous IE.

Alors pourquoi avec "style", ca ne passe pas ?
Si quelqu'un a une explication...

Merci.

[SpaceFrog]

essaye plutot de passer par cssText ...

[pedouille]

C'est exactement ca !

Merci beaucoup !!!