Tom's Guide > Forum > Programmation > Html formulaire (repondez-moi) please

Html formulaire (repondez-moi) please

Forum Programmation : Html formulaire (repondez-moi) please

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Mot :    Pseudo :           
 

bonjours a tous
Voici le code html de ma page internet;


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<SCRIPT LANGUAGE="javascript">
var point;
point = 0;
function verification(question) {
if (question.first.value == "Roc-A-Fella" ) {
alert("Question 1: Vous avez eu la bonne réponse" );
point = point + 10;
} else {
alert("Question 1: Mauvaise réponse! La réponse était Roc-A-Fella" );
}
if (question.second.value == "Dangerously in Love" || question.second.value == "Live At Wembley" || question.second.value == "B'Day" || question.second.value == "B'Day Deluxe Edition" || question.second.value == "Antology" ) {

alert("Question 2: Vous avez eu la bonne reponse" );
point = point + 10;
} else {
alert("Question 2: Mauvaise réponse! Vous aviez le choix entre 5 bonnes réponses!! Dangerously in Love, Live At Wembley, B'Day, B'Day Deluxe Edition ou Antology" );
}
if (question.third.value == "The Best Of Both Worlds" || question.third.value == "Unfinished Business" || question.third.value == "Collision Course" ) {
alert("Question 3: Vous avez eu la bonne réponse" );
point = point + 10;
} else {
alert("Question 3: Mauvaise réponse! Vous aviez le choix entre 3 bonnes réponses!! Unfinished Business , The Best Of Both Worlds ou Collision Course" );
}
if (question.fourth.value == "2002" ) {
alert("Question 4: Vous avez eu la bonne réponse" );
point = point + 10;
} else {
alert("Question 4: Mauvaise réponse! La réponse était 2002" );
}
if (question.fifth.value == "Jay-Z - 99 Problems" || question.fifth.value == "Jay-Z - Hardknock Life" || question.fifth.value == "Jay-Z - Show Me What You Got" || question.fifth.value == "Jay-Z - Dirt Off Your Shoulder" || question.fifth.value == "Jay-Z et Beyonce" ) {
alert("Question 5: Vous avez eu la bonne réponse" );
point = point + 10;
} else {
alert("Question 5: Mauvaise réponse! Mauvaise réponse! Vous aviez le choix entre 5 bonnes réponses!! Jay-Z - Beyonce, Jay-Z - Dirt Off Your Shoulder, Jay-Z - Show Me What You Got, Jay-Z - Hardknock Life ou Jay-Z - 99 Problems" );
}
alert("Votre résultat est de: " + point + " points / 50" );
}
</SCRIPT>
</head>
<body bgColor="black">
<center><font color="blue">
<font color="red"><h2>Questionnaire sur Jay-Z et Beyonce</h2></font>
<br />
<br />
<form name="question">
Vous devez répondre à 5 questions pour voir si vous avez bien compris!!
<br />
<font color="yellow">Les majuscules sont importantes.</font>
<ol type="1">
<li>Quelle est le nom de la compagnie que Jay-Z et ses amis ont fondées?<br /><input type ="text" name = "first" value = ""></li>
<li>Nommé le nom d'un album que Beyonce à crée elle même?<br /><input type ="text" name = "second" value = ""></li>
<li>Nommé le nom d'un album que Jay-Z a crée avec d'autre chanteur?<br /><input type ="text" name = "third" value = ""></li>
<li>En quelle année Beyonce a t-elle reçue le prix de meilleur auteur pop de l'année?<br /><input type ="text" name = "fourth" value = ""></li>
<br />
<font color="yellow">(Ne pas enlever (Jay-Z - ) sinon vous n'aurez pas la bonne réponse).</font>
<li>Donné le titre d'une des 5 vidéos de Jay-Z qui se trouve dans la rubrique <a href="videojay.htm" target="_blank"><font color="red">galerie video de Jay-z</font></a><br />
<input type ="text" name = "fifth" value = "Jay-Z - "></li>
</ol>
<input type="button" name="Test" value="Valider" onClick="verification(question)">
</form>
</font></center>
</body>
</html>

Le probleme ses quand le formualire vient pour conter les point il se trompe
ex: une bonne reponse il me donne 10 points: ses bon
mes deux bonne reponse il me donne 30 points: au lieu de 20 points

Quelqun pourrais maider a arranger le probleme

merci davacne a tous ceux qui vont maider


Message édité par jonathanbedard22 le 12-04-2007 à 01:47:54
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.

J'ai crée ta page en local, et je n'ai eu aucun problème...

Répondre à Sethpolma

tu as essayer de marquer les reponse et de faire valider et devoir les point si il etait correct
cest 10 points par bonne reponse sur un total de 50
merci

Répondre à jonathanbedard22

J'ai mis les bonnes réponses aux deux premières questions, et c'est passé : j'ai bien eu 20 points...

Répondre à Sethpolma

c'est peut etre en cliquant plusieurs fois sur le boutons ;)
reinitialises la variable point à l'intérieur de la fonction verification ()

Répondre à coca25

bonjour cest encore moi jai une question
a cette ligne de mon script, jevoudrait qu'il secrive sur le site et nom dans un alert. est ce que ces possible.

je veut dire dasn un que dans mon form je met un <input type="text" name=1"> mais apres je ses pas quoi faire pour que mon pointage s'affiche a linterieur
alert("Votre résultat est de: " + point + " points / 50" );
}

Répondre à jonathanbedard22

Tu n'es pas obligé de passer par un input de type text. Tu places une div (ou un span).

Code :
  1. <div id="score"></div>



Ensuite, un simple Javascript utilisant le DOM :

Code :
  1. document.getElementById('score').innerHTML = "Vous avez " + points + " points !";



Sinon, si tu veux garder ton input :

Code :
  1. document.getElementById("Id_de_ton_input" ).value = "Vous avez " + points + "points !";


Message édité par Sethpolma le 11-04-2007 à 22:23:25
Répondre à Sethpolma

merci pour ta reposne setpolam
jai mit le div et document.getElement...
mais je comprend pas a quoi il sert le div parce que quand je clique sur valider mon bouton tout va bien mais mon score n'apparait pas sur la page

Répondre à jonathanbedard22

le div correspond à l'endroit où sera affiché le score.
le document.getElementById (), tu l'as bien mis à la place de alert ()?

Répondre à coca25

merci a toi coca jai pu resourdre mon probleme javais pas le get element a la bonne place je lavais mit dans un script
merci a tou

Répondre à jonathanbedard22

derniere petite question:
avec la fonction que jai creer est ce que je pourrais mettre un code javascript qui dit qu'il a couler si il a en bas de 60% et si il a en bas de 60% il serait rediriger vers une autre page html.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<SCRIPT LANGUAGE="javascript">
var point;
point = 0;
function verification(question) {{
if (question.first.value == "Roc-A-Fella" ) {
alert("Question 1: Vous avez eu la bonne réponse" );
point = point + 10;
} else {
alert("Question 1: Mauvaise réponse! La réponse était Roc-A-Fella" );
}
if (question.second.value == "Dangerously in Love" || question.second.value == "Live At Wembley" || question.second.value == "B'Day" || question.second.value == "B'Day Deluxe Edition" || question.second.value == "Antology" ) {

alert("Question 2: Vous avez eu la bonne reponse" );
point = point + 10;
} else {
alert("Question 2: Mauvaise réponse! Vous aviez le choix entre 5 bonnes réponses!! Dangerously in Love, Live At Wembley, B'Day, B'Day Deluxe Edition ou Antology" );
}
if (question.third.value == "The Best Of Both Worlds" || question.third.value == "Unfinished Business" || question.third.value == "Collision Course" ) {
alert("Question 3: Vous avez eu la bonne réponse" );
point = point + 10;
} else {
alert("Question 3: Mauvaise réponse! Vous aviez le choix entre 3 bonnes réponses!! Unfinished Business , The Best Of Both Worlds ou Collision Course" );
}
if (question.fourth.value == "2002" ) {
alert("Question 4: Vous avez eu la bonne réponse" );
point = point + 10;
} else {
alert("Question 4: Mauvaise réponse! La réponse était 2002" );
}
if (question.fifth.value == "Jay-Z - 99 Problems" || question.fifth.value == "Jay-Z - Hardknock Life" || question.fifth.value == "Jay-Z - Show Me What You Got" || question.fifth.value == "Jay-Z - Dirt Off Your Shoulder" || question.fifth.value == "Jay-Z et Beyonce" ) {
alert("Question 5: Vous avez eu la bonne réponse" );
point = point + 10;
} else {
alert("Question 5: Mauvaise réponse! Mauvaise réponse! Vous aviez le choix entre 5 bonnes réponses!! Jay-Z - Beyonce, Jay-Z - Dirt Off Your Shoulder, Jay-Z - Show Me What You Got, Jay-Z - Hardknock Life ou Jay-Z - 99 Problems" );
}
document.getElementById('score').innerHTML = "Vous avez " + point + " points !";
}
document.getElementById('scor').innerHTML = "Vous avez " + point*2 + " %";
}
</script>
</head>
<body bgColor="black">
<center><font color="blue">
<font color="red"><h2>Questionnaire sur Jay-Z et Beyonce</h2></font>
<br />
<br />
<form name="question">
Vous devez répondre à 5 questions pour voir si vous avez bien compris!!
<br />
<font color="yellow">Les majuscules sont importantes.</font>
<ol type="1">
<li>Quelle est le nom de la compagnie que Jay-Z et ses amis ont fondées?<br /><input type ="text" name = "first" value = ""></li>
<li>Nommé le nom d'un album que Beyonce à crée elle même?<br /><input type ="text" name = "second" value = ""></li>
<li>Nommé le nom d'un album que Jay-Z a crée avec d'autre chanteur?<br /><input type ="text" name = "third" value = ""></li>
<li>En quelle année Beyonce a t-elle reçue le prix de meilleur auteur pop de l'année?<br /><input type ="text" name = "fourth" value = ""></li>
<br />
<font color="yellow">(Ne pas enlever (Jay-Z - ) sinon vous n'aurez pas la bonne réponse).</font>
<li>Donné le titre d'une des 5 vidéos de Jay-Z qui se trouve dans la rubrique <a href="videojay.htm" target="_blank"><font color="red">galerie video de Jay-z</font></a><br />
<input type ="text" name = "fifth" value = "Jay-Z - "></li>
</ol>
<input type="button" name="Valider" value="Valider" onClick="verification(question)">
<input type="reset" name="reset" value="Reset">
<br />
<font color="red"><div id="score" align="left"></div>
<div id="scor" align="left"></div></font>
</form>
</font></center>
</body>
</html>

merci a vous de maider

Répondre à jonathanbedard22

Je comprends pas grand chose à ta deuxième question... Dire qu'on a "couler" ?

Sinon, un simple test suffit :

Code :
  1. if(points >= 30) window.replace.location("page2.html" );
  2. else alert("Perdu !" );



Ici, 30 représente 60% des 50 points.

Répondre à Sethpolma
Tom's Guide > Forum > Programmation > Html formulaire (repondez-moi) please
Aller à :

Il y a 326 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens