Formulaire avec Nvu

Fermé
Billy - 15 juil. 2008 à 14:50
Alkaaran Messages postés 285 Date d'inscription dimanche 20 mai 2007 Statut Membre Dernière intervention 3 novembre 2009 - 26 juil. 2008 à 15:47
Bonjour,

Je souhaiterais créer un formulaire tout simple à l'aide d'Nvu avec un champ pour remplir son Nom, son prénom et trois cases à cocher qui correspondraient à trois choix de réponse à une question posée. En fin de formulaire il y aurait un bouton "Envoyer" qui renverrait sur une page "C'est gagné" ou vers une page "perdu".

J'ai construit le squelette avec les champs texte, les propriétés des champs, les bouton radio mais je ne sais comment faire vérifier les résultats donnés par l'utilisateur et faire renvoyer aux pages "gagné" ou "perdu".

Mille Merci pour votre aide à tous,

3 réponses

Alkaaran Messages postés 285 Date d'inscription dimanche 20 mai 2007 Statut Membre Dernière intervention 3 novembre 2009 37
26 juil. 2008 à 15:47
Désolé (retour de vacances...)

Voila pour toi

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
	<title>EssaiFormulaire</title>
	<script>
	function verifForm() {
		var form = document.QuestionnaireFS ;
		var bon = true ;
		
		//Vérification de la bonne réponse
		if( form.Reponse1[0].checked != true ) { //si la premiere option de la reponse 1 n'est pas cochée
			bon = false ; // le formulaire n'est pas bon
		}
		
		if( form.Reponse2[0].checked != true ) { 
			bon = false ;
		}
		
		//etc...
				
		//Renvoi vers la bonne page selon que la formulaire est bon ou pas
		if( bon == true ) {
			window.location.href = "gagne.html" ;
		}
		else {
			window.location.href = "perdu.html" ;
		}
		
		return false ;
	}
	</script>
</head>
<body>


<form enctype="text/plain" action="" method="post" name="QuestionnaireFS" onsubmit="return verifForm()"> 
<strong><br>
	<label for="Nom">Nom du groupe : <input size="30" name="Nom"></label><br><br>

</strong>

<span style="font-weight: bold;"></span><br>

<br>
L énergie houlomotrice est l'énergie produite par les vagues  : <br>
<div style="margin-left: 40px;">
	Oui <input name="Reponse1" value="0" type="radio"><br>
	Non <input name="Reponse1" value="1" type="radio"><br>
</div>

Question 2  : <br>
<div style="margin-left: 40px;">
	Oui <input name="Reponse2" value="0" type="radio"><br>
	Non <input name="Reponse2" value="1" type="radio"><br>
</div>

etc...

    <input name="Envoyer" value="Envoyer" type="submit"><br><br>
	
</form>

<br>
<div style="margin-left: 40px;"><br><br>

</div>
</body>
</html>
1
Alkaaran Messages postés 285 Date d'inscription dimanche 20 mai 2007 Statut Membre Dernière intervention 3 novembre 2009 37
15 juil. 2008 à 14:54
Tu voudrais faire ça par javascript (les réponses seront facilement visibles pour les connaisseurs) ou par php ?
-1
En Java Script.
0
Alkaaran Messages postés 285 Date d'inscription dimanche 20 mai 2007 Statut Membre Dernière intervention 3 novembre 2009 37
15 juil. 2008 à 15:27
Peux tu nous donner :
-le code de ta page de formulaire
-le chemin relatif vers les pages "gagné" et "perdu"
-les réponses bonnes

:-)
-1
Merci pour vous être penché(e)(s) sur mon problème.

Mon formulaire fonctionnerait en local. Il s'agirait pour l'utilisateur de répondre à une série de questions. En fonction des réponses qu'il aura données et après avoir cliquer sur "Envoyer", l'utilisateur accèdera à une page "Gagné" ou "Perdu". Les pages "Gagné" et "Perdu" seront dans un même dossier que le formulaire "EssaiFormulaire.html ". La page "Gagné" s'appellera "Gagne.html" et la page "Perdu " s'appellera "Perdu.html".
Voici le code généré pour ma page principale (simplifiée!!) et merci encore :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>EssaiFormulaire</title>
</head>
<body>
<div style="text-align: center;"><img
style="width: 104px; height: 38px;" alt="" src="Cbb.gif"><br>
</div>
<div style="text-align: center;"><strong></strong><br>
<strong></strong></div>
<form enctype="text/plain" action="Essai"
name="QuestionnaireFS"> <strong><br>
<br>
<br>
<label for="Nom">Nom du groupe : <input
size="30" name="Nom"></label><br>
<br>
</strong><span style="font-weight: bold;"></span><br>
<br>
L énergie houlomotrice est l'énergie produite par
les vagues  : <br>
<div style="margin-left: 40px;">oui   <input
name="Reponse1" value="0" type="radio"> <br>
Non <input name="Reponse2" value="1"
type="radio"><br>
</div>
<br>
<br>
<br>
   <br>
    <br>
           
       <input name="Envoyer"
value="Envoyer" type="submit">    
 <br>
          
          
       
  <br>
</form>
<br>
<div style="margin-left: 40px;"><br>
<br>
</div>
</body>
</html>
0
Alkaaran Messages postés 285 Date d'inscription dimanche 20 mai 2007 Statut Membre Dernière intervention 3 novembre 2009 37 > Billy
16 juil. 2008 à 19:02
Et le bonnes réponses ? :D
-1
Billy > Alkaaran Messages postés 285 Date d'inscription dimanche 20 mai 2007 Statut Membre Dernière intervention 3 novembre 2009
17 juil. 2008 à 09:25
La bonne réponse c'est "oui".
0
Billy > Billy
18 juil. 2008 à 09:59
J'ai bien compris en parcourant différents forum qu'il fallait que je me mette au code pour faire des choses qui me semblaient simples mais qui ne le sont au final pas tant que ça.

Si quelqu'un a des réf de tutoriels pour se mettre tranquillement au Java Script et php, je prends.

A très bientôt,
0