Discussion :

[polochtwo]

Bonjour,
je cree un site en ce moment en javascript avec l'equivalence d'une multitude de div cree dynamiquement et places comme des thumbnails ... par contre j'ai un souci dans mon code, lorsque je creer le div en dynamque il ne veut pas prendre l'attribut float tel quel ... je m'explique mal ducoup je vais mettre un exemple :

mon JS pour creer les div est le suivant

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
function createBooks() {
	for(var i=1; i<=portfolio[0]; i++) {
	  var newBook = document.createElement('div');
	  newBook.setAttribute('id','books');
	  newBook.style.left = "10px";
	  newBook.style.float = "left";
	  newBook.style.background = "#f5f6ed";
	  newBook.innerHTML = '<a href="javascript:nextPicture('+i+')"><img src="'+portfolio[i][0]+'1.jpg" id="book'+i+'" border=0></a>'; 
	  document.body.appendChild(newBook); 
	}
}

avec portfolio[0] qui est le max de div cree
tout marche mais il s'obstine a les placer l'un au dessus de l'autre sur la gauche alors que jaimerais qu'il les place l'un a coter de l'autre et ce depuis le milieu de la page. Ils sont normalement imbrique dans une autre div qui elle est bien placer dans la page mais lorsque je les creer dynamiquement il sorte de leur frontiere.

Code :

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

1
2
3
4
5
 
#centerInfo {background-color: #f5f6ed; margin-left:270px; width:950px; position:relative;}
<div id="centerInfo" >
<script type="text/javascript">createBooks();</script>
</div>

[SpaceFrog]

Code :

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

newBook.style.ccsFloat = "left";

[polochtwo]

merci je vien juste de trouver une autre solution mais c'est vrai que le tient fonctionne bien aussi :-)

[SpaceFrog]

ça fait partie des exceptions de traduction de la syntaxe css en javascript