innerHTML et input text

Bonjour,

j'ai pas trop l'habitude du js, mais j'aimerais comprendre l'un de mes problème.

j'ai un span dans un document (page 1) et je lui assigne du contenu grâce à Ajax. Le contenu est une partie de formulaire.

pour cela j'ai fait :

Code:

---

1 2	document.getElementById(containerid).innerHTML=page_request.responseText

---

containerid est passé en paramètre.

Le debut du form et le bouton se trouve sur ma page 1.
Quand je clic sur mon submit, les input text du containerid ne sont pas envoyé.
Est-ce que c'est du à l'innerHTML ?
Est-ce que c'est du au responseText ?

Très important : ça fonctionne avec IE

mon problème est avec Firefox et Netscape.

merci,

maKyo

c'est du à la façon de créer les objets supplémentaires du form par le innerHTML

esssaye de redonner dynamiquement le type submit au bouton submit juste àprès le innerHTML

Code:

---

1 2 3

document.getElementById(containerid).innerHTML=page_request.responseText; document.getElementById('boutonsubmit').type='submit'

---

J'ai essayé mais ça ne fonctionne pas avec Firefox.
Dans le même ordre d'idée, ne peut on pas "réassigner" les input text au form de la page 1 ? :bug:

maKyo

a mon avis tu vas être obligé de passer par

Code:

---

document.createElement('input')

---

sinon une idée me vient ...

mets le responseText dasn un div hidden puis essaye de basculer les éléments du div vers le form...

Code:

---

var moninput =document.getELementById('hiddendiv').getElementsByTagName('input')[0];

---

puis:

Code:

---

1 2	document.forms[0].appendChild(moninput)

---

Pourquoi générer dynamiquement une partie formulaire via ajax? On faisait trés bien cela sans socket il y a pas si longtemps ;) en utilisant simplement du DHTML, non ?

on peut aussi afficher / masquer des composants du form ... :idea:

j'ai essayé ceci :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

var param = document.getElementById('boucle').selectedIndex; : var moninput; var moninputqty;   for(var i = 1; i<= param; i++){ moninput =document.getElementById('art_'+i); moninputqty =document.getElementById('qty_'+i); document.monform.appendChild(moninput); document.monform.appendChild(moninputqty); }

---

et je retrouve bien mes variables en php dans l'array $_POST :P

par contre, question formatage ça ne va pas, tous les champs se mettent les uns derrière les autres, je perd mon tableau html qui me placait correctement mes éléments.

Je pense que je n'utilise pas la bonne méthode.

Et en plus ça ne va pas sous IE avec ça... :ouin:

?
heu tu veux dire que tu récupères les éléments dans l'ordre de leur selection et pas dans l'ordre du select ?

j'ai pas bien compris :oops:

j'ai un élément select qui me demande combien de ligne je veux afficher.
je récupère la valeur, ensuite je génère la partie du code html avec le bon nombre de champs article-quantité.

Mes champs article-quantité sont dans le span

En rajoutant le code suivant :

Code:

---

1 2 3 4 5 6

for(var i = 1; i<= param; i++){ moninput =document.getElementById('art_'+i); moninputqty =document.getElementById('qty_'+i); document.monform.appendChild(moninput); document.monform.appendChild(moninputqty); }

---

mes champs article-quantité se retrouvent à la queue-leu-leu, l'ordre peu importe, du moment que du côté php j'ai mes post ....

Mais je pense qu'il y a moyen de faire autrement, je pourrais mettre mes balises <form ..></form> dans mon span également ? avec le bouton submit.
A la limite quand je crée le contenu de mon span j'y met des input hidden des champs de mon premier form. Normalement ainsi il devrait bien récupérer mes champs aussi bien pour firefox que IE ... non ?