Formulaire avec Nvu

Billy -
Alkaaran Messages postés 291 Statut Membre - 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,

Afficher la suite

A voir également:

Formulaire avec Nvu
Whatsapp formulaire opposition - Guide
Nvu - Télécharger - HTML
Formulaire de réclamation facebook compte désactivé - Guide
Formulaire de reclamation instagram - Guide
Récupérer compte outlook sans formulaire - Forum Hotmail / Outlook.com

3 réponses

Réponse 1 / 3

Alkaaran Messages postés 291 Statut Membre 37

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>

Réponse 2 / 3

Alkaaran Messages postés 291 Statut Membre 37

Tu voudrais faire ça par javascript (les réponses seront facilement visibles pour les connaisseurs) ou par php ?

Billy

En Java Script.

Réponse 3 / 3

Alkaaran Messages postés 291 Statut Membre 37

Peux tu nous donner :
-le code de ta page de formulaire
-le chemin relatif vers les pages "gagné" et "perdu"
-les réponses bonnes

:-)

Billy

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>

Alkaaran Messages postés 291 Statut Membre 37 > Billy

Et le bonnes réponses ? :D

Billy > Alkaaran Messages postés 291 Statut Membre

La bonne réponse c'est "oui".

Billy > Billy

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,

Discussions similaires

Civilité (Mr,Mme,Melle) n' apparait pas lors de l'exécution du formulaire

Contacter le "bon coin"

Contact LEBONCOIN

contacter le bon coin

probleme avec formulaire et sous formulaire independant.

Formulaire avec Nvu

3 réponses

Votre réponse

Discussions similaires

Newsletters