Javascipt qui ne fonctionne pas...
emilie
-
kij_82 Messages postés 4260 Statut Contributeur -
kij_82 Messages postés 4260 Statut Contributeur -
Bonsoir!!
Je fais une page pour un site web contenant un quiz. J'ai besoin d'aide à nouveau parce que je débute en script et je travaille fort avec les tutoriels mais là vraiment...Je ne vois pas où est l'erreur.
Le résultat souhaité serait: selon la réponse donnée à la question 1, le visiteur se voit proposer la question 2 ou 3, etc. De la question 1 à la 4 inclusivement, tout paraît fonctionner.Malheureusement, les autres questions sont toutes déjà affichées quand on arrive sur la page du questionnaire.. Voyez-vous où se situe mon erreur??Voici mon script:
<!-- le code java script -->
<SCRIPT language="javascript">
<!--
//cache les éléments en fonction du navigateur et de la div
function cache(nom) {
if (document.getElementById) {
document.getElementById(nom).style.display = 'none';
}
else {
if (document.layers) {
document.layers[nom].display = 'none';
}
else {
document.all[nom].style.display = 'none';
}
}
}
//Affiche les éléments en fonction du navigateur et de la div
function affiche(nom) {
if (document.getElementById) {
document.getElementById(nom).style.display = 'block';
}
else {
if (document.layers) {
document.layers[nom].display = 'block';
}
else {
document.all[nom].style.display = 'block';
}
}
}
//affiche la question 2 suite à un choix dans une des question 1
function afficheQuestion2(){
// on commence par cacher la question 2
cache('question2');
//pour la question 1
for (i=0; i<2; i++){
//si l'une des réponses est choisie
if(document.quizz.question1[i].checked){
//on affiche la question 2
affiche('question2');
}
}
}
//affiche la question suivante correspondante au choix de la 2
function afficheQuestion3(){
//on commence par cacher toutes les questions
cache('question3_0');
cache('question3_1');
//pour tous les choix de la question 2
for (i=0; i<2; i++){
//si une réponse est choisie
if(document.quizz.question2[i].checked){
//affiche la qestion associée
affiche('question3_'+i);
}
}
}
//affiche la question 4 suite à un choix dans une des question 3
function afficheQuestion4(){
// on commence par cacher la question 3
cache('question4');
//pour la question 3_0
for (i=0; i<4; i++){
//si l'une des réponses est choisie
if(document.quizz.question3_0[i].checked){
//on affiche la question 3
affiche('question4');
}
}
//pour la question 3_1
for (i=0; i<3; i++){
//si l'une des réponses est choisie
if(document.quizz.question3_1[i].checked){
//on affiche la question 4
affiche('question4');
}
}
}
//affiche la question 5 suite à un choix dans une des question 4
function afficheQuestion5(){
// on commence par cacher la question 5
cache('question5');
//pour la question 1
for (i=0; i<3; i++){
//si l'une des réponses est choisie
if(document.quizz.question4[i].checked){
//on affiche la question 5
affiche('question5');
}
}
}
//affiche la question suivante correspondante au choix de la 5
function afficheQuestion6(){
//on commence par cacher toutes les questions
cache('question6_0');
cache('question6_1');
cache('question6_2');
//pour tous les choix de la question 5
for (i=0; i<3; i++){
//si une réponse est choisie
if(document.quizz.question5[i].checked){
//affiche la qestion associée
affiche('question6_'+i);
}
}
}
//affiche la question 7 suite à un choix dans une des question 6
function afficheQuestion7(){
// on commence par cacher la question 7
cache('question7');
//pour la question 6_0
for (i=0; i<2; i++){
//si l'une des réponses est choisie
if(document.quizz.question6_0[i].checked){
//on affiche la question 7
affiche('question7');
}
}
//pour la question 6_1
for (i=0; i<6; i++){
//si l'une des réponses est choisie
if(document.quizz.question6_1[i].checked){
//on affiche la question 7
affiche('question7');
}
}
//pour la question 6_2
for (i=0; i<4; i++){
//si l'une des réponses est choisie
if(document.quizz.question6_2[i].checked){
//on affiche la question 7
affiche('question7');
}
}
}
//affiche la question suivante correspondante au choix de la 7
function afficheQuestion8(){
//on commence par cacher toutes les questions
cache('question8_0');
cache('question8_1');
cache('question8_2');
//pour tous les choix de la question 7
for (i=0; i<3; i++){
//si une réponse est choisie
if(document.quizz.question7[i].checked){
//affiche la qestion associée
affiche('question8_'+i);
}
}
}
//affiche la question 9 suite à un choix dans une des question 6
function afficheQuestion9(){
// on commence par cacher la question 9
cache('question9');
//pour la question 8_2
for (i=0; i<2; i++){
//si l'une des réponses est choisie
if(document.quizz.question8_2[i].checked){
//on affiche la question 9
affiche('question9');
}
}
}
//-->
</SCRIPT>
<!-- puis le corps de la page -->
merci ;)
Je fais une page pour un site web contenant un quiz. J'ai besoin d'aide à nouveau parce que je débute en script et je travaille fort avec les tutoriels mais là vraiment...Je ne vois pas où est l'erreur.
Le résultat souhaité serait: selon la réponse donnée à la question 1, le visiteur se voit proposer la question 2 ou 3, etc. De la question 1 à la 4 inclusivement, tout paraît fonctionner.Malheureusement, les autres questions sont toutes déjà affichées quand on arrive sur la page du questionnaire.. Voyez-vous où se situe mon erreur??Voici mon script:
<!-- le code java script -->
<SCRIPT language="javascript">
<!--
//cache les éléments en fonction du navigateur et de la div
function cache(nom) {
if (document.getElementById) {
document.getElementById(nom).style.display = 'none';
}
else {
if (document.layers) {
document.layers[nom].display = 'none';
}
else {
document.all[nom].style.display = 'none';
}
}
}
//Affiche les éléments en fonction du navigateur et de la div
function affiche(nom) {
if (document.getElementById) {
document.getElementById(nom).style.display = 'block';
}
else {
if (document.layers) {
document.layers[nom].display = 'block';
}
else {
document.all[nom].style.display = 'block';
}
}
}
//affiche la question 2 suite à un choix dans une des question 1
function afficheQuestion2(){
// on commence par cacher la question 2
cache('question2');
//pour la question 1
for (i=0; i<2; i++){
//si l'une des réponses est choisie
if(document.quizz.question1[i].checked){
//on affiche la question 2
affiche('question2');
}
}
}
//affiche la question suivante correspondante au choix de la 2
function afficheQuestion3(){
//on commence par cacher toutes les questions
cache('question3_0');
cache('question3_1');
//pour tous les choix de la question 2
for (i=0; i<2; i++){
//si une réponse est choisie
if(document.quizz.question2[i].checked){
//affiche la qestion associée
affiche('question3_'+i);
}
}
}
//affiche la question 4 suite à un choix dans une des question 3
function afficheQuestion4(){
// on commence par cacher la question 3
cache('question4');
//pour la question 3_0
for (i=0; i<4; i++){
//si l'une des réponses est choisie
if(document.quizz.question3_0[i].checked){
//on affiche la question 3
affiche('question4');
}
}
//pour la question 3_1
for (i=0; i<3; i++){
//si l'une des réponses est choisie
if(document.quizz.question3_1[i].checked){
//on affiche la question 4
affiche('question4');
}
}
}
//affiche la question 5 suite à un choix dans une des question 4
function afficheQuestion5(){
// on commence par cacher la question 5
cache('question5');
//pour la question 1
for (i=0; i<3; i++){
//si l'une des réponses est choisie
if(document.quizz.question4[i].checked){
//on affiche la question 5
affiche('question5');
}
}
}
//affiche la question suivante correspondante au choix de la 5
function afficheQuestion6(){
//on commence par cacher toutes les questions
cache('question6_0');
cache('question6_1');
cache('question6_2');
//pour tous les choix de la question 5
for (i=0; i<3; i++){
//si une réponse est choisie
if(document.quizz.question5[i].checked){
//affiche la qestion associée
affiche('question6_'+i);
}
}
}
//affiche la question 7 suite à un choix dans une des question 6
function afficheQuestion7(){
// on commence par cacher la question 7
cache('question7');
//pour la question 6_0
for (i=0; i<2; i++){
//si l'une des réponses est choisie
if(document.quizz.question6_0[i].checked){
//on affiche la question 7
affiche('question7');
}
}
//pour la question 6_1
for (i=0; i<6; i++){
//si l'une des réponses est choisie
if(document.quizz.question6_1[i].checked){
//on affiche la question 7
affiche('question7');
}
}
//pour la question 6_2
for (i=0; i<4; i++){
//si l'une des réponses est choisie
if(document.quizz.question6_2[i].checked){
//on affiche la question 7
affiche('question7');
}
}
}
//affiche la question suivante correspondante au choix de la 7
function afficheQuestion8(){
//on commence par cacher toutes les questions
cache('question8_0');
cache('question8_1');
cache('question8_2');
//pour tous les choix de la question 7
for (i=0; i<3; i++){
//si une réponse est choisie
if(document.quizz.question7[i].checked){
//affiche la qestion associée
affiche('question8_'+i);
}
}
}
//affiche la question 9 suite à un choix dans une des question 6
function afficheQuestion9(){
// on commence par cacher la question 9
cache('question9');
//pour la question 8_2
for (i=0; i<2; i++){
//si l'une des réponses est choisie
if(document.quizz.question8_2[i].checked){
//on affiche la question 9
affiche('question9');
}
}
}
//-->
</SCRIPT>
<!-- puis le corps de la page -->
merci ;)
2 réponses
Ok, cherche pas plus loin à mon avis, c'est simplement due au fait que tu utilise des boutons radios dans ton formulaire pour chaque réponse.
Un bouton radio parmi ses semblables (pour un jeu de réponse), aura toujours un état par défaut. Dans un ensemble de boutons radios de même nom, le premier défini aura toujours la valeur true il me semble (équivalent de coché).
Du coup, comme ton script check la valeur de chaque bouton radio des réponses pour afficher ou non d'autres questions, comme il y en a toujours un d'activé dans les réponses, la suite des questions est affichée.
Pour vérifier qu'il s'agit bien de ce problème, à la place de bouton radio, essai de mettre des ckeck box et dis moi ce qu'il se passe.
Un bouton radio parmi ses semblables (pour un jeu de réponse), aura toujours un état par défaut. Dans un ensemble de boutons radios de même nom, le premier défini aura toujours la valeur true il me semble (équivalent de coché).
Du coup, comme ton script check la valeur de chaque bouton radio des réponses pour afficher ou non d'autres questions, comme il y en a toujours un d'activé dans les réponses, la suite des questions est affichée.
Pour vérifier qu'il s'agit bien de ce problème, à la place de bouton radio, essai de mettre des ckeck box et dis moi ce qu'il se passe.
Voici la page:
<!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" xml:lang="fr" lang="fr">
<head>
<title>Quel personnage des Chroniques de Sohn êtes-vous?</title>
</head>
<!-- le code java script -->
<SCRIPT language="javascript">
<!--
//cache les éléments en fonction du navigateur et de la div
function cache(nom) {
if (document.getElementById) {
document.getElementById(nom).style.display = 'none';
}
else {
if (document.layers) {
document.layers[nom].display = 'none';
}
else {
document.all[nom].style.display = 'none';
}
}
}
//Affiche les éléments en fonction du navigateur et de la div
function affiche(nom) {
if (document.getElementById) {
document.getElementById(nom).style.display = 'block';
}
else {
if (document.layers) {
document.layers[nom].display = 'block';
}
else {
document.all[nom].style.display = 'block';
}
}
}
//affiche la question 2 suite à un choix dans une des question 1
function afficheQuestion2(){
// on commence par cacher la question 2
cache('question2');
//pour la question 1
for (i=0; i<4; i++){
//si l'une des réponses est choisie
if(document.quizz.question1[i].checked){
//on affiche la question 2
affiche('question2');
}
}
}
//affiche la question suivante correspondante au choix de la 2
function afficheQuestion3(){
//on commence par cacher toutes les questions
cache('question3_0');
cache('question3_1');
//pour tous les choix de la question 2
for (i=0; i<3; i++){
//si une réponse est choisie
if(document.quizz.question2[i].checked){
//affiche la qestion associée
affiche('question3_'+i);
}
}
}
//affiche la question 4 suite à un choix dans une des question 3
function afficheQuestion4(){
// on commence par cacher la question 3
cache('question4');
//pour la question 3_0
for (i=0; i<4; i++){
//si l'une des réponses est choisie
if(document.quizz.question3_0[i].checked){
//on affiche la question 3
affiche('question4');
}
}
//pour la question 3_1
for (i=0; i<5; i++){
//si l'une des réponses est choisie
if(document.quizz.question3_1[i].checked){
//on affiche la question 4
affiche('question4');
}
}
}
//affiche la question 5 suite à un choix dans une des question 4
function afficheQuestion5(){
// on commence par cacher la question 5
cache('question5');
//pour la question 1
for (i=0; i<4; i++){
//si l'une des réponses est choisie
if(document.quizz.question4[i].checked){
//on affiche la question 5
affiche('question5');
}
}
}
//affiche la question suivante correspondante au choix de la 5
function afficheQuestion6(){
//on commence par cacher toutes les questions
cache('question6_0');
cache('question6_1');
cache('question6_2');
//pour tous les choix de la question 5
for (i=0; i<3; i++){
//si une réponse est choisie
if(document.quizz.question5[i].checked){
//affiche la qestion associée
affiche('question6_'+i);
}
}
}
//affiche la question 7 suite à un choix dans une des question 6
function afficheQuestion7(){
// on commence par cacher la question 7
cache('question7');
//pour la question 6_0
for (i=0; i<5; i++){
//si l'une des réponses est choisie
if(document.quizz.question6_0[i].checked){
//on affiche la question 7
affiche('question7');
}
}
//pour la question 6_1
for (i=0; i<4; i++){
//si l'une des réponses est choisie
if(document.quizz.question6_1[i].checked){
//on affiche la question 7
affiche('question7');
}
}
//pour la question 6_2
for (i=0; i<2; i++){
//si l'une des réponses est choisie
if(document.quizz.question6_2[i].checked){
//on affiche la question 7
affiche('question7');
}
}
}
//affiche la question suivante correspondante au choix de la 7
function afficheQuestion8(){
//on commence par cacher toutes les questions
cache('question8_0');
cache('question8_1');
cache('question8_2');
//pour tous les choix de la question 7
for (i=0; i<3; i++){
//si une réponse est choisie
if(document.quizz.question7[i].checked){
//affiche la qestion associée
affiche('question8_'+i);
}
}
}
//affiche la question 9 suite à un choix dans une des question 6
function afficheQuestion9(){
// on commence par cacher la question 9
cache('question9');
//pour la question 8_2
for (i=0; i<5; i++){
//si l'une des réponses est choisie
if(document.quizz.question8_2[i].checked){
//on affiche la question 9
affiche('question9');
}
}
}
//-->
</SCRIPT>
<!-- puis le corps de la page -->
<body>
<object classid="clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95" width="0" height="0" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab">
<param name="src" value="web_media/yoga - relaxation - shakuhachi - the Japanese Flute (Meditation Music)(1)(1).mp3" /><embed type="application/x-mplayer2" width="0" height="0" src="web_media/yoga - relaxation - shakuhachi - the Japanese Flute (Meditation Music)(1)(1).mp3"></embed>
</object>
<!-- ... -->
<!-- ... -->
<form action="data/resulatslab.php" method="post" name="quizz" id="quizz">
<div id="question1"><p> Devant les obstacles de la vie, je préfère :<br />
combattre<input type="radio" value="1" name="question1" onClick="afficheQuestion2()" /><br />
m'adapter<input type="radio" value="2" name="question1" onClick="afficheQuestion2()" /><br />
</p></div>
<div id="question2"><p>Pour résoudre des problèmes, rien ne vaut :<br />
de l'énergie<input type="radio" value="3" name="question2" onClick="afficheQuestion3()" /><br />
de la réflexion<input type="radio" value="4" name="question2" onClick="afficheQuestion3()" /><br />
</p></div>
<div id="question3_0"><p>Lorsque j’exprime de la colère :<br />
c'est en réponse de celle de l'autre<input type="radio" value="5" name="question3_0" onClick="afficheQuestion3()" /><br />
c'est justifié<input type="radio" value="6" name="question3_0" onClick="afficheQuestion4()" /><br />
je vois rouge<input type="radio" value="7" name="question3_0" onClick="afficheQuestion4()" /><br />
pas question de s'excuser<input type="radio" value="8" name="question3_0" onClick="afficheQuestion4()" /><br />
</p></div>
<div id="question3_1"><p>Dans une dispute :<br />
je tourne les arguments de l'autre à mon avantage>input type="radio" value="9" name="question3_1" onClick="afficheQuestion4()" /><br />
je me rallie à la cause du groupe<input type="radio" value="10" name="question3_1" onClick="afficheQuestion4()" /><br />
je rallie les autres à ma cause<input type="radio" value="11" name="question3_1" onClick="afficheQuestion4()" />
</p></div>
<div id="question4"><p>Dans un conflit avec une autre personne :<br />
je comprend tout à fait la position de l'autre<input type="radio" value="12" name="question4" onClick="afficheQuestion5()" /><br />
je trouve les arguments pour gagner mon point<input type="radio" value="13" name="question4" onClick="afficheQuestion5()" /><br />
j'essaie de calmer le jeu<input type="radio" value="14" name="question4" onClick="afficheQuestion5()" /><br />
je prends du recul pour être objectif,objective<input type="radio" value="15" name="question4" onClick="afficheQuestion5()" /><br />
je porte attention aux enjeux plus globaux<input type="radio" value="16" name="question4" onClick="afficheQuestion5()" />
</p></div>
<div id="question5"><p>Dans ma vie, je travaille beaucoup :<br />
sur moi-même<input type="radio" value="17" name="question5" onClick="afficheQuestion6()" /><br />
sur l'autre<input type="radio" value="18" name="question5" onClick="afficheQuestion6()" /><br />
pour ma communauté<input type="radio" value="19" name="question5" onClick="afficheQuestion6()" /><br />
</p></div>
<div id="question6_0"><p>Je suis plus fort sur :<br />
la persévérance<input type="radio" value="20" name="question6_0" onClick="afficheQuestion7()" /><br />
le sens du concret<input type="radio" value="21" name="question6_0" onClick="afficheQuestion7()" /><br />
</p></div>
<div id="question6_1"><p>Avec l'autre, je prévilégie :<br />
d`être totalement présent, présente<input type="radio" value="22" name="question6_1" onClick="afficheQuestion7()" /><br />
de lui refléter ce qu'il, elle est réellement<input type="radio" value="23" name="question6_1" onClick="afficheQuestion7()" /><br />
d'être attentionné, attentionnée<input type="radio" value="24" name="question6_1" onClick="afficheQuestion7()" /><br />
d'être tendre<input type="radio" value="25" name="question6_1" onClick="afficheQuestion7()" /><br />
d'être juste<input type="radio" value="26" name="question6_1" onClick="afficheQuestion7()" /><br />
de le deviner<input type="radio" value="27" name="question6_1" onClick="afficheQuestion7()" />
</p></div>
<div id="question6_2"><p>J'aide ma communauté :<br />
en me préoccupant de tous et chacun<input type="radio" value="28" name="question6_2" onClick="afficheQuestion7()" /><br />
en défendant les intérêts communs<input type="radio" value="29" name="question6_2" onClick="afficheQuestion7()" /><br />
en sachant prendre des décisions au nom de tous<input type="radio" value="30" name="question6_2" onClick="afficheQuestion7()" /><br />
en participant à ses traditions<input type="radio" value="31" name="question6_2" onClick="afficheQuestion7()" />
</p></div>
<div id="question7"><p>Dans ma vie, ma priorité se trouve à être :<br />
moi-même<input type="radio" value="32" name="question7" onClick="afficheQuestion8()" /><br />
les êtres qui me sont chers<input type="radio" value="33" name="question7" onClick="afficheQuestion8()" /><br />
ma communauté<input type="radio" value="34" name="question7" onClick="afficheQuestion8()" />
</p></div>
<div id="question8_0"><p>Si j'avais à choisir, je serais :<br />
intègre<input type="radio" value="35" name="question8_0" /><br />
optimiste<input type="radio" value="36" name="question8_0" /><br /><p>
<button type="submit" name="resultats"><img src="web_images/dragon.jpg" height="100" width="100" alt="resultats" /></button>
</p></div>
<div id="question8_1"><p>Le plus beau cadeau à faire à ceux qu'on aime est :<br />
savoir se sacrifier pour eux<input type="radio" value="37" name="question8_1" /><br />
savoir leur être fidèle<input type="radio" value="38" name="question8_1/><br />
savoir être attentionné, attentionnée envers eux<input type="radio" value="39" name="question8_1" /><br /><p>
<button type="submit" name="resultats"><img src="web_images/dragon.jpg" height="100" width="100" alt="resultats" /></button>
</p></div>
<div id="question8_2"><p>Une vie en société harmonieuse exige :<br />
de la discipline<input type="radio" value="40" name="question8_2" onClick="afficheQuestion9()" /><br />
la liberté d'expression<input type="radio" value="41" name="question8_2" /><br />
</p></div>
<div id="question9"><p>Diriger un peuple, c'est :<br />
se sentir responsable de tous et chacun<input type="radio" value="42" name="question9" /><br />
le libérer de ceux qui l'oppressent<input type="radio" value="43" name="question9" /><br />
s'appuyer sur l'Histoire et les traditions<input type="radio" value="44" name="question9" /><br />
se dévouer pour lui<input type="radio" value="45" name="question9" /><br />
exercer un leadership fort<input type="radio" value="46" name="question9" /><br />
lui faire honneur<input type="radio" value="47" name="question9" /><p>
<button type="submit" name="resultats"><img src="web_images/dragon.jpg" height="100" width="100" alt="resultats" /></button>
</p></div>
</form>
<!-- ... -->
<!-- ... -->
<script language="JavaScript">
<!--
//pour que les fonctions s'initialise et comme rien ne sera choisi les div ne s'afficheront pas
afficheQuestion2();
afficheQuestion3();
afficheQuestion4();
afficheQuestion5();
afficheQuestion6();
afficheQuestion7();
afficheQuestion8();
afficheQuestion9();
// -->
</script>
</body>
</html>
toute aide serait grandement appréciée :)
<!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" xml:lang="fr" lang="fr">
<head>
<title>Quel personnage des Chroniques de Sohn êtes-vous?</title>
</head>
<!-- le code java script -->
<SCRIPT language="javascript">
<!--
//cache les éléments en fonction du navigateur et de la div
function cache(nom) {
if (document.getElementById) {
document.getElementById(nom).style.display = 'none';
}
else {
if (document.layers) {
document.layers[nom].display = 'none';
}
else {
document.all[nom].style.display = 'none';
}
}
}
//Affiche les éléments en fonction du navigateur et de la div
function affiche(nom) {
if (document.getElementById) {
document.getElementById(nom).style.display = 'block';
}
else {
if (document.layers) {
document.layers[nom].display = 'block';
}
else {
document.all[nom].style.display = 'block';
}
}
}
//affiche la question suivante correspondante au choix de la 1
function afficheQuestion2(){
//on commence par cacher toutes les questions
cache('question2_');
//pour tous les choix de la question 1
for (i=0; i<2; i++){
//si une réponse est choisie
if(document.quizz.question1[i].checked){
//affiche la qestion associée
affiche('question2_'+i);
}
}
}
//affiche la question 3 suite à un choix dans une des question 2
function afficheQuestion3(){
// on commence par cacher la question 3
cache('question3_');
//pour la question 2_0
for (i=0; i<2; i++){
//si l'une des réponses est choisie
if(document.quizz.question2_0[i].checked){
//on affiche la question 3
affiche('question3_');
}
}
}
function afficheQuestion4(){
cache('question4');
//pour la question 2_1
for (i=0; i<4; i++){
//si l'une des réponses est choisie
if(document.quizz.question2_1[i].checked){
//on affiche la question 3
affiche('question4');
}
}
//pour la question 3_0
for (i=0; i<4; i++){
//si l'une des réponses est choisie
if(document.quizz.question3_0[i].checked){
//on affiche la question 4
affiche('question4');
}
}
//pour la question 3_1
for (i=0; i<3; i++){
//si l'une des réponses est choisie
if(document.quizz.question3_1[i].checked){
//on affiche la question 4
affiche('question4');
}
}
}
//affiche la question suivante correspondante au choix de la 1
function afficheQuestion5(){
//on commence par cacher toutes les questions
cache('question5_0');
cache('question5_1');
cache('question5_2');
//pour tous les choix de la question 1
for (i=0; i<3; i++){
//si une réponse est choisie
if(document.quizz.question4[i].checked){
//affiche la qestion associée
affiche('question5_'+i);
}
}
}
//affiche la question 3 suite à un choix dans une des question 2
function afficheQuestion3(){
// on commence par cacher la question 3
cache('question3');
//pour la question 2_0
for (i=0; i<4; i++){
//si l'une des réponses est choisie
if(document.quizz.question2_0[i].checked){
//on affiche la question 3
affiche('question3');
}
}
//pour la question 2_1
for (i=0; i<5; i++){
//si l'une des réponses est choisie
if(document.quizz.question2_1[i].checked){
//on affiche la question 3
affiche('question3');
}
}
//pour la question 2_2
for (i=0; i<2; i++){
//si l'une des réponses est choisie
if(document.quizz.question2_2[i].checked){
//on affiche la question 3
affiche('question3');
}
}
//pour la question 2_3
for (i=0; i<2; i++){
//si l'une des réponses est choisie
if(document.quizz.question2_3[i].checked){
//on affiche la question 3
affiche('question3');
}
}
}
//affiche la question suivante correspondante au choix de la 3
function afficheQuestion4(){
//on commence par cacher toutes les questions
cache('question4_0');
cache('question4_1');
cache('question4_2');
cache('question4_3');
//pour tous les choix de la question 1
for (i=0; i<4; i++){
//si une réponse est choisie
if(document.quizz.question3[i].checked){
//affiche la qestion associée
affiche('question4_'+i);
}
}
}
//affiche la question 5 suite à un choix dans une des question 6
function afficheQuestion6(){
// on commence par cacher la question 6
cache('question6');
//pour la question 5_0
for (i=0; i<2; i++){
//si l'une des réponses est choisie
if(document.quizz.question5_0[i].checked){
//on affiche la question 3
affiche('question6');
}
}
//pour la question 5_1
for (i=0; i<6; i++){
//si l'une des réponses est choisie
if(document.quizz.question5_1[i].checked){
//on affiche la question 3
affiche('question6');
}
}
//pour la question 5_2
for (i=0; i<4; i++){
//si l'une des réponses est choisie
if(document.quizz.question5_2[i].checked){
//on affiche la question 3
affiche('question6');
}
}
}
//affiche la question suivante correspondante au choix de la 1
function afficheQuestion7(){
//on commence par cacher toutes les questions
cache('question7_0');
cache('question7_1');
cache('question7_2');
//pour tous les choix de la question 1
for (i=0; i<3; i++){
//si une réponse est choisie
if(document.quizz.question6[i].checked){
//affiche la qestion associée
affiche('question7_'+i);
}
}
}
//affiche la question 3 suite à un choix dans une des question 2
function afficheQuestion8(){
// on commence par cacher la question 3
cache('question8');
//pour la question 7_2
for (i=0; i<2; i++){
//si l'une des réponses est choisie
if(document.quizz.question7_2[i].checked){
//on affiche la question 3
affiche('question8');
}
}
}
//-->
</SCRIPT>
<!-- puis le corps de la page -->
<body>
<object classid="clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95" width="0" height="0" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab">
<param name="src" value="web_media/yoga - relaxation - shakuhachi - the Japanese Flute (Meditation Music)(1)(1).mp3" /><embed type="application/x-mplayer2" width="0" height="0" src="web_media/yoga - relaxation - shakuhachi - the Japanese Flute (Meditation Music)(1)(1).mp3"></embed>
</object>
<!-- ... -->
<!-- ... -->
<form action="data/resulatslab.php" method="post" name="quizz" id="quizz">
<div id="question1"><p>1 Devant les obstacles de la vie, je préfère :<br />
combattre<input type="radio" value="1" name="question1" onClick="afficheQuestion2()" /><br />
m'adapter<input type="radio" value="2" name="question1" onClick="afficheQuestion2()" /><br />
</p></div>
<div id="question2_0"><p>2_0Pour résoudre des problèmes, rien ne vaut :<br />
de l'énergie<input type="radio" value="3" name="question2_0" onClick="afficheQuestion3()" /><br />
de la réflexion<input type="radio" value="4" name="question2_0" onClick="afficheQuestion3()" /><br />
</p></div>
<div id="question3_0"><p>3_0Lorsque j’exprime de la colère :<br />
c'est en réponse de celle de l'autre<input type="radio" value="5" name="question3_0" onClick="afficheQuestion4()" /><br />
c'est justifié<input type="radio" value="6" name="question3_0" onClick="afficheQuestion4()" /><br />
je vois rouge<input type="radio" value="7" name="question3_0" onClick="afficheQuestion4()" /><br />
pas question de s'excuser<input type="radio" value="8" name="question3_0" onClick="afficheQuestion4()" /><br />
</p></div>
<div id="question3_1"><p>3_1Dans une dispute :<br />
je tourne les arguments de l'autre à mon avantage>input type="radio" value="9" name="question3_1" onClick="afficheQuestion4()" /><br />
je me rallie à la cause du groupe<input type="radio" value="10" name="question3_1" onClick="afficheQuestion4()" /><br />
je rallie les autres à ma cause<input type="radio" value="11" name="question3_1" onClick="afficheQuestion4()" />
</p></div>
<div id="question2_1"><p>2_1Dans un conflit avec une autre personne :<br />
je comprend tout à fait la position de l'autre<input type="radio" value="12" name="question2_1" onClick="afficheQuestion4()" /><br />
je trouve les arguments pour gagner mon point<input type="radio" value="13" name="question2_1" onClick="afficheQuestion4()" /><br />
j'essaie de calmer le jeu<input type="radio" value="14" name="question2_1" onClick="afficheQuestion4()" /><br />
je prends du recul pour être objectif,objective<input type="radio" value="15" name="question2_1" onClick="afficheQuestion4()" /><br />
je porte attention aux enjeux plus globaux<input type="radio" value="16" name="question2_1" onClick="afficheQuestion4()" />
</p></div>
<div id="question4"><p>4Dans ma vie, je travaille beaucoup :<br />
sur moi-même<input type="radio" value="17" name="question4" onClick="afficheQuestion5()" /><br />
sur l'autre<input type="radio" value="18" name="question4" onClick="afficheQuestion5()" /><br />
pour ma communauté<input type="radio" value="19" name="question4" onClick="afficheQuestion5()" /><br />
</p></div>
<div id="question5_0"><p>5_0Je suis plus fort sur :<br />
la persévérance<input type="radio" value="20" name="question5_0" onClick="afficheQuestion6()" /><br />
le sens du concret<input type="radio" value="21" name="question5_0" onClick="afficheQuestion6()" /><br />
</p></div>
<div id="question5_1"><p>5_1Avec l'autre, je prévilégie :<br />
d`être totalement présent, présente<input type="radio" value="22" name="question5_1" onClick="afficheQuestion6()" /><br />
de lui refléter ce qu'il, elle est réellement<input type="radio" value="23" name="question5_1" onClick="afficheQuestion6()" /><br />
d'être attentionné, attentionnée<input type="radio" value="24" name="question5_1" onClick="afficheQuestion6()" /><br />
d'être tendre<input type="radio" value="25" name="question5_1" onClick="afficheQuestion6()" /><br />
d'être juste<input type="radio" value="26" name="question5_1" onClick="afficheQuestion6()" /><br />
de le deviner<input type="radio" value="27" name="question5_1" onClick="afficheQuestion6()" />
</p></div>
<div id="question5_2"><p>5_2J'aide ma communauté :<br />
en me préoccupant de tous et chacun<input type="radio" value="28" name="question5_2" onClick="afficheQuestion6()" /><br />
en défendant les intérêts communs<input type="radio" value="29" name="question5_2" onClick="afficheQuestion6()" /><br />
en sachant prendre des décisions au nom de tous<input type="radio" value="30" name="question5_2" onClick="afficheQuestion6()" /><br />
en participant à ses traditions<input type="radio" value="31" name="question5_2" onClick="afficheQuestion6()" />
</p></div>
<div id="question6"><p>6Dans ma vie, ma priorité se trouve à être :<br />
moi-même<input type="radio" value="32" name="question6" onClick="afficheQuestion7()" /><br />
les êtres qui me sont chers<input type="radio" value="33" name="question6" onClick="afficheQuestion7()" /><br />
ma communauté<input type="radio" value="34" name="question6" onClick="afficheQuestion7()" />
</p></div>
<div id="question7_0"><p>7_0Si j'avais à choisir, je serais :<br />
intègre<input type="radio" value="35" name="question7_0" /><br />
optimiste<input type="radio" value="36" name="question7_0" /><br /><p>
<button type="submit" name="resultats"><img src="web_images/dragon.jpg" height="100" width="100" alt="resultats" /></button>
</p></div>
<div id="question7_1"><p>7_1Le plus beau cadeau à faire à ceux qu'on aime est :<br />
savoir se sacrifier pour eux<input type="radio" value="37" name="question87_1" /><br />
savoir leur être fidèle<input type="radio" value="38" name="question7_1/><br />
savoir être attentionné, attentionnée envers eux<input type="radio" value="39" name="question7_1" /><br /><p>
<button type="submit" name="resultats"><img src="web_images/dragon.jpg" height="100" width="100" alt="resultats" /></button>
</p></div>
<div id="question7_2"><p>7_2Une vie en société harmonieuse exige :<br />
de la discipline<input type="radio" value="40" name="question7_2" onClick="afficheQuestion8()" /><br />
la liberté d'expression<input type="radio" value="41" name="question7_2" /><br />
</p></div>
<div id="question8"><p>8Diriger un peuple, c'est :<br />
se sentir responsable de tous et chacun<input type="radio" value="42" name="question8" /><br />
le libérer de ceux qui l'oppressent<input type="radio" value="43" name="question8" /><br />
s'appuyer sur l'Histoire et les traditions<input type="radio" value="44" name="question8" /><br />
se dévouer pour lui<input type="radio" value="45" name="question8" /><br />
exercer un leadership fort<input type="radio" value="46" name="question8" /><br />
lui faire honneur<input type="radio" value="47" name="question8" /><p>
<button type="submit" name="resultats"><img src="web_images/dragon.jpg" height="100" width="100" alt="resultats" /></button>
</p></div>
</form>
<!-- ... -->
<!-- ... -->
<script language="JavaScript">
<!--
//pour que les fonctions s'initialise et comme rien ne sera choisi les div ne s'afficheront pas
afficheQuestion2();
afficheQuestion3();
afficheQuestion4();
afficheQuestion5();
afficheQuestion6();
afficheQuestion7();
afficheQuestion8();
afficheQuestion9();
// -->
</script>
</body>
</html>
merci!!