Problème création de div

**zolotaya** · 17/11/2007, 12h02

Bonjour,

J'essai de creer des div dinamiquement, cependant j'y arrive pas et je ne comprend pas pourquoi.
voila ma fonction en javascript si quelqu'un à une idée...

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
 
function newCont(){
 
	var a = "cont"+idCont.toString();
	newDiv = document.createElement('div');
	newDiv.setAttribute("id", a);
	newDiv.setAttribute("class","classDiv");
	newDiv.setAttribute("className","classDiv");
 
	document.write("avant attachement à la div principale");
	document.getElementById("mainDiv").appendChild(newDiv); /* plante ici */
	document.write("après attachement à la div principal");
 
	idCont += 1;
	document.write("sortie de la fonction");
}

**LeXo** · 17/11/2007, 13h22

moi ça marche
si tu veux tester
j'ai pas mis le css
page html :

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
<html>
<head>
<title>Premiere Page</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="fonc.js"></script>
</head>
<body>
 
La création dyn de child avec Javascript
<div id="mainPlus">
dedans mon div prédéfini
</div>
<script>fonction();</script>
</body>
</html>

javascript:

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
function fonction(){
 	//alert('depart');
	var nouveauTexte;
	var nouvelElement;
 
	nouveauTexte=document.createTextNode('Crée un texte Node dans le body')
	deuxTexte=document.createTextNode('ajout dyn de div')
	nouvelElement= document.createElement("div")
	nouvelElement.setAttribute('id','divPlus')
	nouvelElement.appendChild(deuxTexte)
 
	document.body.appendChild(nouveauTexte)
	//document.body.appendChild(nouvelElement)
	document.getElementById('mainPlus').appendChild(nouvelElement)
 
 
 
}

**zolotaya** · 17/11/2007, 15h28

Salut,
merci pour ta réponse. j'ai réussi par faire ce que je voulais. cependant, j'ai pas compris ce qui marchais pas!

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
 
function newCont(){
 
	var a = "cont"+idCont.toString();
	var newDiv;
 
	newDiv = document.createElement("div");
	newDiv.setAttribute('id', a);
	newDiv.setAttribute('class',"conteneur");
	newDiv.setAttribute('className',"conteneur");
 
 
	document.getElementById('utilisateur').appendChild(newDiv);
 
	idCont ++;
}

La seul différence par rapport à ce que j'avais avant est que je n'ai plus de document.write.
quelqu'un saurait m'expliquer pourquoi ca marchais pas avec?

Problème création de div

JavaScript

Discussions similaires

Partager

Partager