Formulaire généré en PHP + Utilisation AJAX

Bonjour à tous !
J'ai regardé quelques tutos AJAX sur developpez.com, et j'ai mis en application tout ce que j'ai appris à ce sujet en créant un petit site.
Après ça je me suis mis à un plus "gros" projet, en commençant par un formulaire d'inscription.
J'utilise pour ce faire le framework prototype, en passant par un Ajax.Request lors de la validation du formulaire.
Seulement j'ai un petit problème à rendre ceci utilisable plus largement que de taper le nom de chacun des ID utilisés dans les "parameters" du Ajax.Request.

En gros, dans le formulaire, un code PHP constitué d'un mysql_query puis d'une boucle de mysql_fetch_array, génère un div avec un input checkbox, suivi de plusieurs inputs "radio", qui eux-mêmes affichents des inputs "text" suivant l'input "radio" sélectionné. (ça va, je n'explique pas trop mal ? :D)

Ces inputs "radio" et "text", j'aimerais tous pouvoirs les envoyer suivant que le premier checkbox soit sélectionné ou pas ! Le problème c'est qu'en envoyant ceux-ci par la méthode Ajax.Request, je ne peux prévoir le nombre de fois que la boucle se fera (étant donné que tout dépend du nombre d'entrée dans la DB), et donc les noms d'ID que les inputs porteront...

Par exemple, j'ai un div contenant un input checkbox, et s'il est sélectionné il affichera 3 inputs radios
"option 1", "option 2", "option 3", qui eux-mêmes sélectionnés, afficheront chacuns 2 inputs text.
Pour le code javascript, j'ai fait ça très "salement", en créant en php le code javascript, ajoutant à chaque boucle des event pour les inputs checkbox et radios, et en créant à chaque boucle une fonction qui affichera les bons inputs text, suivant l'input radio sélectionné !
(pfiou...)

Donc voilà en gros mon problème :D
J'aimerais envoyer tous ces éléments en "parameters", sans pour autant les connaître à l'avance.

Est-ce faisable ? J'espère que oui, sinon je vais devoir faire tout ça en form+php bien statique, et recharger la page si une chose a été oubliée (beurk)

(Si besoin, je peux faire un screenshot du formulaire proprement dit ! Il n'est pas en ligne)

Merci d'avance !

Si j'ai bien compris ta question tu peux utiliser la méthode serialize de prototype...appliquée à ton formulaire.

Code:

---

1 2 3

new Ajax.Request('/some_url', { parameters: $('id_of_form_element').serialize(true) });

---

C'est ce que je cherchais merci :p
Maintenant j'ai un autre problème ! (joie)
C'est qu'il n'apprécie apparemment pas de ne pas être le seul dans "parameters"...

Code:

---

parameters: {validation: 2, pseudo: $F('pseudo'), pass: $F('pass1'), email: $F('email'), photo: parent.frames['cible'].nom_photo, $('form_lan').serialize()},

---

Me donne une erreur avec Web developer ("missing: after property id"), et bloque le chargement de la page.
Alors que

Code:

---

parameters: $('form_lan').serialize(),

---

Fonctionne très bien...
Est-ce normal ? Y a-t-il une solution à ce problème ? C'est assez dérangeant...

Ben oui, tu passes un hash à parameters, il s'attend donc à trouver des paires

Code:

---

{nom: value,...}

---

Mais à la fin, tu as :

Code:

---

, $('form_lan').serialize()}

---

pas de value pour ce nom... donc erreur.
C'est une erreur dans l'utilisation de ton serialize qui n'est pas bien placé !

Essaye plutôt :

Code:

---

$('form_lan').serialize(true).merge({validation: 2, pseudo: $F('pseudo'), pass: $F('pass1'), email: $F('email'), photo: parent.frames['cible'].nom_photo})

---

Merci pour ton aide ! Mais j'ai toujours quelques ennuis...
Ca fonctionne bien quand j'utilise le .serialize(), mais dès que je rajoute le .merge({autres paramètres}), il ne fait plus rien quand je clique...
Et dès que j'enlève le ".merge(...)", tout refonctionne ! Mais j'ai besoin de ce .merge... Ou d'autre chose qui fonctionne :P

Code:

---

$('form_lan').serialize(true).merge($H{...})

---

Désolé pour cet oubli...

Je vais passer pour l'emmerdeur de service (et j'aime pas ça :p), mais... Je n'arrive toujours pas à le faire fonctionner avec le .merge()

J'ai essayé ces 2 lignes :

Code:

---

1 2	parameters: $('form_lan').serialize(true).merge($H{email : "test1", pass: "test2"}) parameters: $('form_lan').serialize(true).merge($H({email : "test1", pass: "test2"}))

---

Mais le Ajax.Request ne s'exécute pas... Et si j'enlève le .merge(...), ça fonctionne toujours...
J'aimerais me plonger dans une étude approfondie afin de mieux utiliser prototype, mais c'est à s'y perdre !

Essaye peut-être à l'envers...

Code:

---

$H({email : "test1", pass: "test2"}).merge($('form_lan').serialize(true))

---

Sinon avec une variable...

Code:

---

1 2	var paremetres = $('form_lan').serialize(true); parameters: $H(parametres).merge($H({email : "test1", pass: "test2"}))

---

Bonjour à tous,

Un poste repris de la mort sur lequel je n'ai pas vu RESOLU, mais qui marche parfaitement (si l'on excepte l'erreur de copier coller ;))

Citation:

---

Sinon avec une variable...

Code:

---

1 2	var paremetres = $('form_lan').serialize(true); parameters: $H(parametres).merge($H({email : "test1", pass: "test2"}))

---

---

2 heures de recherche !
J'aurais dû commencer par ici :mrgreen:

Merci Bovino :ccool: