[AJAX] Soumettre plusieurs fomulaires dans différentes div

Bonjour,

J'ai un programme constitué d'une page principale contenant 2 div dans lesquelles s'affichent respectivement des formulaires form1 (div1) et form2 (div2)
Lorsque l'utilisateur valide le premier formulaire form1 le formulaire s'exécute par la fonction :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

function ShowPage2(page,formulaire,sortie) {   var formElement = document.getElementById(formulaire);   document.getElementById('wait').innerHTML="Page en cours de chargement..."; getXhr(); xhr.onreadystatechange = function() { if(xhr.readyState == 4 && xhr.status == 200) { document.getElementById(sortie).innerHTML=xhr.responseText; document.getElementById('wait').innerHTML=""; alert('ok'); } } xhr.open("POST",page,true); xhr.send(new FormData(formElement));   }

---

et le résultat de ce formulaire est un autre formulaire form2 qui va s'afficher dans le div2.

Lorsque l'utilisateur valide div2 on appelle la même fonction qui doit afficher le résultat dans la div1.
Le problème arrive à ce moment là car apparemment les données du formulaire form2 sont vides, donc le deuxième appel de cette fonction ne renvoie pas les résultats attendus puisque le formulaire form2 est considéré comme vide.
Y a t il une explication ?
y a t il une autre méthode pour transmettre des formulaires lorsqu'il y en a plusieurs qui s'affichent successivement sur une même parge ?

Salut as tu essayé de remplacer

Code:

---

1 2 3 4 5 6

document.getElementById(sortie).innerHTML=xhr.responseText; // par   document.getElementById(sortie).innerHTML=xhr.responseXml;

---

++

Bonjour,


le problème vient du fait qu'en passant d'une div à l'autre et au fur et à mesure que des requêtes javascript affichent ces formulaires dans les div 1 ou div2, au bout du 3eme formulaire cette fonction ne fonctionne plus mais les 2 premières fois celle-ci fonctionne bien j'arrive à poster le formulaire complet en résumé...
De plus la réponse http n'est pas en XML.

ok... peux tu mettre le code html qui appelle ta fonction ajax ainsi que le résultat d'un alert(responseText).

++

Bonjour,

Le code HTML qui appelle la fonction est inclus dans un fichier php qui génère donc ceci :
Ayant testé 50 codes différents je vous donne celui qui marche le mieux pour le premier appel de la fonction qui retourne ceci dans la div N°1 :

Code:

---

1 2 3 4 5 6

echo " <form enctype=\"multipart/form-data\" id=\"form1\" name=\"form1\" method=\"post\" onsubmit=\"ShowPage2('page1.php','form1','div2'); return false;\" >"; //echo le reste du formulaire   echo "<input type=\"submit\" value=\"valider\" ></input><input type=\"reset\" value=\"Annuler\" ></input></form>";

---

La fonction alert() de ShowPage2 fonctionne bien.

Une fois ce premier formulaire validé la div N°2 affiche grâce à l'appel de la foncion ShowPage2

Code:

---

1 2 3 4

echo " <form enctype=\"multipart/form-data\" id="form2" name="form2" method=\"post\" onsubmit=\"ShowPage2('page1.php','form2','div1'); return false;\">"; //echo le reste du formulaire echo "<input type=\"submit\" name=\"menu\" value=\"ouvrir\" ></form>";

---

En ayant mis le même code pour l'appel de la fonction ShowPage2(), cela ne marche pas :
le script me renvoie aucune valeur ou référence du formulaire form2, et la fonction alert() de ShowPage2 ne fonctionne pas non plus, comme si le fait d'afficher des formulaires dans différentes div brouille les références des formulaires.

Pour complément d'info :
j'ai essayé en spécifiant parent.ShowPage2(), j'ai essayé document.forms[].submit etc... , j'ai testé les onclick qui ne marchent pas mieux. Bref le problème semble véritablement provenir d'une perte d'adresse ou de référence de la variable form2 dans le javascript car j'applique 2 fois le même code dans 2 configurations quasi identiques et l'un marche et pas l'autre...

merci d'avance