Element créé dynamiquement pas postés

**le_chomeur** · 29/03/2010, 14h49

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 :

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

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 :

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
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 :

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

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

Merci d'avance ^^

**vermine** · 29/03/2010, 14h59

Bonjour,

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

**le_chomeur** · 29/03/2010, 15h03

une div :

Code :

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

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 :

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

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>

**vermine** · 29/03/2010, 15h06

Et comme ceci ?

Code :

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

1
2
 
<div class="bloc-champs" id="nouveauxcommentaires">&nbsp;</div>

Sinon, tu as testé sur IE ?
Personnellement, les deux méthodes fonctionnent sur les deux navigateurs de mon côté.

**le_chomeur** · 29/03/2010, 15h13

les éléments sont bien ajouté dans la page sous les deux navigateurs

mais ne sont pas posté sous Firefox seulement

**vermine** · 29/03/2010, 15h15

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

Code :

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

1
2
3
4
5
6
7
8
 
<html>
<body>
<form method="post" enctype="multipart/form-data">
	<div id="nouveauxcommentaires">&nbsp;</div>
</form>
</body>
</html>

Element créé dynamiquement pas postés

JavaScript

Vue hybride

Discussions similaires

Partager

Partager