redirection conditionelle html

Version imprimable

28/05/2010, 15h27
max_dev

redirection conditionelle html

Bonjour, je vous interpelle car j'ai besoin de votre aide .

j'ai crée un formulaire html assez basique avec quelques champs à renseigner, dont un champ type Select (avec 2 choix simples: OUI ou NON) ainsi qu'un bouton VALIDER envoyant sur une page PHP qui enregistre les données saisies dans la base de donnée.
J'aimerais que lorsque l'on clique sur VALIDER, une fenêtre s'affiche avec une question (différente en fonction de la réponse a OUI ou NON) à laquelle le client doit répondre, à cette question il pourra à nouveau répondre OUI ou NON et sera redirigé vers un lien.
Cependant je ne sais pas si pour cela je dois utiliser du JAVASCRIPT ou une autre méthode.
J'ai besoin de vous :(
28/05/2010, 15h49
Zenklys
Bonjour,

Et bien pour répondre à ta question, je pense qu'il faut avant tout comprendre le fonctionnement client serveur et situer un peu tout le monde sur ce schema.

Client :
- Html
- Javascript

Serveur PHP :
- Php

Le client ne voit que du Html que lui envoie le serveur PHP. Le php au final est un langage qui génere du Html (dans les cas simples).

Donc, si tu souhaite rediriger en fonction d'une réponse client sans envoyer le formulaire tu seras obligé de le faire en Javascript. Si je me souviens de la syntaxe, elle doit ressembler à ceci :
Code:

1 2 3 4 5 6 if (doc.forms['tonForumulaire'].tonChamps == "reponse1") { window.open("http://www.tonurl.com"); } else { window.open("http://www.lautreurl.com"); }
Voila, bon courage.

ça ne marche pas :/
j'ai remplacé comme ceci :

Code:

1
2
3
4
5
if (doc.forms['QUIZZEPARGNE.html'].ca == "oui") {
    window.open("http://www.monurl.com");
} else {
    window.open("http://www.monautreurl.com");
}

Le nom de ton formulaire me perturbe. Je vais reprendre :

Ton code HTML :

Code:

1
2
3
4
5
6
 
<form id="nomFormulaire" name="nomFormulaire" action="urlDestination" method="post">
<input type="radio" name="choix"  value="reponse1" />
<input type="radio" name="choix" value="reponse2" />
<input type="submit" onclick="javascript:maFonctionDeRedirection();" />
</form>

Ton code Javascript :

Code:

1
2
3
4
5
6
7
8
9
10
 
funtion maFonctionDeRedirection() {
 
   if (document.forms['tonForumulaire'].choix== "reponse1") {
      document.getElementById('nomFormulaire').action = "http://www.tonurl.com";
   } else {
      document.getElementById('nomFormulaire').action = "www.tonautreurl.com"; 
   }
   document.forms["tonFormulaire"].submit();
}

Je ne suis pas sur à 100% de la syntaxe et comme je suis au travail, je ne peux pas tester.