Discussion :

[Firnael]

Bonjour,

Je cherche un plugin jquery (ou autre) qui permettrait de générer à partir d'un nombre (assez petit, inférieur à 50) un formulaire composé d'une dropbox (ou de bouton "Suivant" et "Précedent") pour passer d'un formulaire à l'autre au sein de la même page.
Le but est de pouvoir remplir les formulaires un par un tout en restant sur la même page, et de pouvoir revenir sur les formulaires déjà remplis en cas d'erreur.
Une fois tous les formulaires remplit, on peux cliquer sur un bouton "Terminer" qui fait office de submit pour ce formulaire "géant".
Je ne sais pas si je suis très clair :p Je suis preneur pour tout début d'idée !

Merci.

[Watilin]

Salut,

j'imagine qu'un tel plugin jQuery n'existe pas, ça va donc être à toi de le créer, et on va t'aider pour ça.
Y'a juste un truc que je voudrais savoir, est-ce que tu as des balises <form> imbriquées comme le suggère ton titre (ce qui, d'un point de vue strictement HTML, est incorrect – je dis ça, je dis rien), ou est-ce que tes formulaires sont les uns à la suite des autres ?

[headmax]

Bon un plugin en jquery pour ça, je vous pas trop l'intérêt.

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
21
22
23
 
$(function){
var urls = new Array("http://url_action_form1","http://url_action_form2");
var lastUrl = document.location;
for(var i=0;i<urls.length;i++){
  if(urls[i] == lastUrl && urls[i] != undefined){
     myurl = urls[i+1]; //étapes suivantes selon tableau.
   }else{
    alert("fin des étapes parcouru du tableau...");
   }
}
 if($("#idform").submit === true){
  $.ajax({
    type: "POST",
     url: myurl,
     data: "name=Paul&addresse=Lyon",
     success: function(msg){
      alert( "Data Saved: " + msg );
      //chargement de la page suivantes...
    }
   });
 }
});

Il faut que tu met les différentes urls dans le tableau (étape1, étapesn...).
C'est un peu l'idée j'ai pas testé mais l'idée est là, un plusieurs manière de faire, mais j'estime qu'il te faut passer par ajax par de rechargement, sinon tu aurait pu passer par la modification du dom lors du retour de ta requête ajax genre changer l'action du form...
Bonne chance A+

[Firnael]

Non je n'ai pas des balises <form> imbriquées, ça serait le maaaaal.
Du coup j'ai utiliser un plugin déjà fait de Twitter Bootstrap, toogle-tab.js qui couplé à jquery me permet d'afficher une partie du form par tab, chaque tab représente une structure, et ça marche bien. Merci pour vos réponses !

[Watilin]

Un peu comme le <fieldset> en gros. Si tu connais

Pense au bouton « résolu » !