Formulaire dynamique sur plusieurs pages

**LuffyyffuL** · 29/08/2013, 16h06

Bonjour,

Je suis débutant en JavaScript et, j’essaie actuellement de créer un formulaire dynamique sur plusieurs pages, avec des choix différents qui sont en interactions avec les pages suivantes.

Voici un exemple de code que j'ai commencé, mais je dois créer une page pour chaque possibilités :

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
24
<HTML>
<HEAD>
<SCRIPT language="javascript">
function choixprop(form3) {
if (form3.choix[0].checked) { document.location='ete.php' };
if (form3.choix[1].checked) { document.location='automne.php' };
if (form3.choix[2].checked) { document.location='hiver.php' };
if (form3.choix[3].checked) { document.location='printemps.php' };
}
</SCRIPT>
</HEAD>
<BODY>
<p>A quelle période de l'année partez-vous ?</p>
<BR>
<BR>
<FORM NAME="form3">
<INPUT TYPE="radio" NAME="choix" VALUE="1">Ete<BR>
<INPUT TYPE="radio" NAME="choix" VALUE="2">Automne<BR>
<INPUT TYPE="radio" NAME="choix" VALUE="3">Hiver<BR>
<INPUT TYPE="radio" NAME="choix" VALUE="4">Printemps<BR><BR>
<INPUT TYPE="button"NAME="but" VALUE="Valider" onClick="choixprop(form3)">
</FORM>
</BODY>
</HTML>

En gros, si nous sélectionnons le choix "Ete", nous sommes redirigé vers la nouvelle page "ete.php", la page "ete.php" contient elle aussi un formulaire du même type mais avec des choix différents et, en fonction du choix nous somme orientés vers une nouvelle page.

Je me tourne vers vous pour savoir si vous connaissez une méthode moins fastidieuse, plus poussée, qui me permettrai d'enchainer les questions sans passer à une nouvelle page à chaque fois.

Exemple réel Site Orange : http://r.orange.fr/r/Oassistance_guidee_internet

Je vous remercie d'avance

Invité · 29/08/2013, 17h13

Alors sur le dialogue orange que tu as mis en exemple, la page est rechargée à chaque fois ! Chaque click est un submit de formulaire en POST, et la redirection se fait surement côté serveur.

Si tu ne veux pas de rechargement de page, il faut que tu passes par de l'AJAX (ou des websockets).

Invité · 29/08/2013, 19h01

Bonjour,
si tu utilises PHP, pense aux SESSIONs pour conserver les données d'une page à l'autre.

**LuffyyffuL** · 12/09/2013, 14h31

Merci pour vos réponses

Je serai plus intéressé par l'AJAX, avez-vous des exemples afin que je me base dessus ?

**SpaceFrog** · 12/09/2013, 14h35

Pourquoi ne pas tout traiter sur une seule et même page en utilisant ajax ?

**LuffyyffuL** · 13/09/2013, 14h03

Apparement l'AJAX serait le plus adapté à ce que je veux. Je vais donc me tourner vers de l'AJAX, mais je ne connais pas du tout. Je vais donc me renseigner et, si vous avez des exemples, une base de formulaire du même type que je veux etc. Je suis preneur.

Encore merci

**SpaceFrog** · 13/09/2013, 14h17

il y a plein de tutos sur ajax et ajax avaec jquery sur nos forums ...

**LuffyyffuL** · 14/11/2013, 14h01

Bonjour,

Après plusieurs semaines d'absence, je reviens vers vous.

Je cherche toujours à créer un formulaire dynamique en AJAX à l'image de celui de l'assistance Orange : http://r.orange.fr/r/Oassistance_guidee_internet

Je n'ai pas de notion en AJAX, et après avoir regardé quelques tutos sur Developpez.com, je ne trouve pas ce dont j'ai besoin.

Si quelqu'un a un lien correspondant à ma recherche ou un bout de code afin que je me base dessus, je suis preneur.

Merci par avance.

Formulaire dynamique sur plusieurs pages

JavaScript

Discussions similaires

Partager

Partager