Element créé dynamiquement pas postés

Version imprimable

Bonjour a tous , j'ai un ( gros ? ) soucis :

je créer des éléments de façon dynamique ( DOM ou innerHTML )
mais ceux ci ne sont pas posté sous firefox :|

exemple de code :
PS : le M$ renvois document.getElementById();
version innerHTML

Code:

1
2
3
4
5
6
7
8
function newCommentaire(){
			var nouveauxcommentaires = M$('nouveauxcommentaires');
			var blocchamps = document.createElement('div');
			blocchamps.className = "bloc-champs";
			blocchamps.innerHTML += '<textarea name="commentaires[]" rows="6" style="width: 500px;"></textarea><a class="lien-supprimer" href="#"><span>Supprimer ce commentaire</span></a>';
			nouveauxcommentaires.appendChild(blocchamps);
 
		}

version DOM

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
function newCommentaire(){
			var nouveauxcommentaires = M$('nouveauxcommentaires');
			var blocchamps = document.createElement('div');
			blocchamps.className = "bloc-champs";
			var letextarea = document.createElement('textarea');
			letextarea.style.width = "500px";
			letextarea.rows = "6";
			letextarea.name = "commentaires[]";
			var lelien = document.createElement('a');
			lelien.href= "#";
			lelien.onclick = function(){deleteCommentaire(this.parentNode); return false};
			lelien.className="lien-supprimer";
			var letext = document.createElement('span');
			letext.innerHTML = "Supprimer ce commentaire";
			lelien.appendChild(letext);
			blocchamps.appendChild(letextarea);
			blocchamps.appendChild(lelien);
			nouveauxcommentaires.appendChild(blocchamps);
 
		}

1 heure que je suis dessus je ne comprend pas ... sur une autre page cela fonctionne parfaitement la seule différence : la spécification de mon formulaire :

Code:

<form method="post" enctype="multipart/form-data" >

Merci d'avance ^^

29/03/2010, 14h59
vermine

Bonjour,

"nouveauxcommentaires" est quel genre d'élément ?

une div :

Code:

1
2
3
4
5
 
<div class="bloc-champs" id="nouveauxcommentaires">
														<textarea name="commentaires[]" rows="6" style="width: 500px;"></textarea>
														<a class="lien-supprimer" href="#"><span>Supprimer ce commentaire</span></a>
													</div>

si j'affiche le code source après ajout en javascript j'ai :

Code:

1
2
3
4
5
6
7
8
<div class="bloc-champs" id="nouveauxcommentaires">
														<textarea name="commentaires[]" rows="6" style="width: 500px;"></textarea>
														<a class="lien-supprimer" href="#"><span>Supprimer ce commentaire</span></a>
<textarea name="commentaires[]" rows="6" style="width: 500px;"></textarea>
														<a class="lien-supprimer" href="#"><span>Supprimer ce commentaire</span></a>
<textarea name="commentaires[]" rows="6" style="width: 500px;"></textarea>
														<a class="lien-supprimer" href="#"><span>Supprimer ce commentaire</span></a>
													</div>

29/03/2010, 15h06
vermine
Et comme ceci ?
Code:

1 2 <div class="bloc-champs" id="nouveauxcommentaires"> </div>
Sinon, tu as testé sur IE ?
Personnellement, les deux méthodes fonctionnent sur les deux navigateurs de mon côté. :?
29/03/2010, 15h13
le_chomeur

les éléments sont bien ajouté dans la page sous les deux navigateurs :)
mais ne sont pas posté sous Firefox seulement
29/03/2010, 15h15
vermine

Grumble
Tes fonctions (sauf que j'ai mis getElementById()) avec ce code me donne bien les text area sous FF 3.6.2.
Code:

1 2 3 4 5 6 7 8 <html> <body> <form method="post" enctype="multipart/form-data"> <div id="nouveauxcommentaires"> </div> </form> </body> </html>
29/03/2010, 15h26
le_chomeur
je viens de solutionné le problème : il était lié a une mauvaise position de ma balise form , en gros :
Code:

1 2 3 4 5 6 7 <form> <div> ... </form> </div>
8O
merci vermine ;)