Discussion :

[fado59]

Bonjour,

On m'a conseillez de poster ici.

J'ai un quizz avec plusieurs boutons radio.
Comment dois-je faire pour dire que c'est le texte que la personne a coché que je souhaite voir en couleur? Je souhaite en fait voir la réponse que la personne a choisi en couleur pour bien l'identifier

On m'a parler de <font color="red">blablabla</font> et de javascript

Si quelqu'un peut m'aider svp

Voici le code si sa peut aider :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
 
<?php
 
  error_reporting(E_ALL ^ E_NOTICE); // pour éviter certaines erreurs à l'affichage
 
  if (!isset($_POST['result'])) {
    print "<input onclick='history.go(-1)'  type='image' name='image' value='Retour' src='image/boutonretour.gif'/>"; // Bouton Retour
    print '<center><FONT face="French Script MT" size="50" >Initiation : Info De Base</FONT></center><br>'; // Titre du haut de la page
    print "<form id=\"form1\" action=\"{$_SERVER['PHP_SELF']}\" method='post'>";
    print '<b>Nom :</b>   <input type=text name="nom">'; // Champ Nom
    print '<b> Prénom :</b> <input type=text name="prenom"><br><br>'; // Champ Prénom
 
    for ($i=0; $i<count($quizz); $i++) {
      print '<blockquote><span class="orange">';
      print $quizz[$i][0];
      print '</span><br /><br />';
 
      for ($j=1; $j<count($quizz[$i])-2; $j++) {
        $question=$quizz[$i][$j];
        print "<input type='radio' name=\"$i\" checked='checked' value=\"$j\" /> $question<br /> "; // Bouton radio, dernier coché par défaut
      } 
      print "</blockquote>";
    }
 
 
    print "<input type='hidden' name='result' value='voir' /><br />\n<center>";
    print "<input  type='image' src=image/boutonvalider.gif  value='VALIDER' />"; // Bouton Valider
 
 
  }else {
      $nom = $_POST['nom']; // On récupère le nom de la personne
    $prenom = $_POST['prenom']; // On récupère le prénom de la personne
  if(($nom!="") && ($prenom!="")) {
 
    print '<center><FONT face="French Script MT" size="50" >Initiation Info De Base : Correction</FONT></center><br>'; // Titre de haut de la page Correction
    $points=0;
    for($i=0; $i<count($quizz); $i++ ) { 
      $mareponse = trim($_POST[$i]);
      print  '<blockquote><span class="orange">';
      print $quizz[$i][0]."</span><br /><br />";
      $numero_bonne=$quizz[$i][count($quizz[$i])-2]; // avant dernière valeur du tableau
      $bonnereponse=$quizz[$i][$numero_bonne]; // Bonne réponse
      if ($mareponse==$numero_bonne) {
        print "<b><u>Réponse</u></b> : Vous avez répondu <b><i>".$bonnereponse."</i></b> et vous avez raison."; // Message si la réponse est correct
        $nombrepoints++;
     }else {
       print "<b><u>Réponse</u></b> :  Vous avez répondu <b>".$quizz[$i][$mareponse]."</b> mais la bonne réponse est <b>".$bonnereponse."</b>  " ; // Message si la réponse est incorrect
 
     }                
     $commentaire=$quizz[$i][count($quizz[$i])-1]; // dernière valeur du tableau
     print "<br />".$commentaire."<br />";      
     print "</blockquote>";
    }
 
    if($nombrepoints==count($quizz)) {
      print"<h1 align='center'>Félicitations Toutes vos réponses sont correctes!</h1>"; // Message si vous avez répondu correctement à toute les questions
 
    }else {
      print "<br /><h1 align='center'>Vous avez la note de $nombrepoints sur ".count($quizz); // Message si il y a minimum 1 erreur
 
    }
 
 
	// envoi du mail
     $headers ='From: "cyber quizz"<adresse@fai.fr>'."\n";
     $headers .='Reply-To: adresse_de_reponse@fai.fr'."\n";
     $headers .='Content-Type: text/plain; charset="iso-8859-1"'."\n";
     $headers .='Content-Transfer-Encoding: 8bit';
     $mail = mail('X@X.fr', 'note du quizz [Info De Base]', "$nom  $prenom  a obtenu la note de $nombrepoints sur 10", $headers); // contenu du mail
 
    }else { 
	if(($nom=='')&&($prenom=='')) {
	echo"<script LANGUAGE='JavaScript'>alert('Veuillez remplir les champs Nom et Prenom ');</SCRIPT>";
/* Redirection vers la page precedente  */	
echo"<script LANGUAGE='JavaScript'>window.location='http://127.0.0.1/Projet_Quiz/Utilisateur_Quiz_Des_Initiations/infodebase.php';</SCRIPT>";	
}
 
	if($nom == '') {
echo"<script LANGUAGE='JavaScript'>alert('Veuillez remplir le champ Nom');</SCRIPT>";
/* Redirection vers la page precedente  */	
echo"<script LANGUAGE='JavaScript'>window.location='http://127.0.0.1/Projet_Quiz/Utilisateur_Quiz_Des_Initiations/infodebase.php';</SCRIPT>";		
 
}
if($prenom == '') {
 
echo"<script LANGUAGE='JavaScript'>alert('Veuillez remplir le champ Prenom');</SCRIPT>";
echo"<script LANGUAGE='JavaScript'>window.location='http://127.0.0.1/Projet_Quiz/Utilisateur_Quiz_Des_Initiations/infodebase.php';</SCRIPT>";	
}
 
	}
	}
?>

[RomainVALERI]

On m'a conseillez de poster ici.

Un excellent conseil, auquel aura cependant manqué cette précision utile : pas de code PHP sur le forum Javascript, s'il te plait Montre-nous plutot le code HTML généré par ton fichier PHP. (bon, ben je crois qu'à force je vais me faire un message-type...)

A part ça, pour le problème que tu décris, le principe est le suivant :

- tu vas appliquer un comportement (une fonction javascript) sur l'événement "onclick" de chacun de tes boutons radio

- cette fonction va identifier l'élément correspondant à mettre en couleur et lui appliquer une classe CSS (et rendre aux autres éléments leur couleur "normale, signifiant "élément non sélectionné")

Pour l'implémentation précise, ça dépend de ton existant (qui n'est pas encore connu, voir ma remarque d'introduction ^^) et de tes choix techniques et graphiques ("colorer" d'accord mais quoi : le texte, le fond derrière le texte ? le javascript : tu veux le gérer "proprement" dans un fichier séparé ? ou directement inséré dans le html ? etc.)

[fado59]

Directement inséré dans le html.

Texte en couleur uniquement. Si tu peux m'aider car je débute.

Voici le code que tu me demande :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 
<html>
<head>
  <title>Quiz Info De Base</title>
  <style>
    body {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      background-color: #ffffff;
	  background-attachment : fixed;
      font-size: 11px;
    }
 
    .orange {
      color: #ff6600;
      font-weight: bold;
	}
 
  </style>
</head>
<body background=image/imagefond.jpg>                                    
  <?php
    $quizz= array(
                    array("<u>Question 1</u> : Quel dossier est spécialement prévu pour vous permettre de stocker vos données personnelles ?","Ordinateur","Documents","Corbeille","2","<b><u>Commentaire</u></b> : Pour rappel, Documents est votre dossier personnel, dans lequel vous rangerez toutes vos données."),
            array("<u>Question 2</u> : Quelle est la version la plus récente de Windows ?","XP","Millenium","Seven (7)","98","Vista","3","<b><u>Commentaire</u></b> : Nous avons dans l'ordre : 98 ; Millenium ; X¨; Vista ; Seven (7)."),
                    array("<u>Question 3</u> : Parmi ces unités de mesure, quelle valeur est la plus importante ?","Mega-Octet","Kilo-Octet","Giga-Octet","3","<b><u>Commentaire</u></b> : Nous avons dans l'ordre : Kilo-Octet ; Mega-Octet ; Giga-Octet."),
            array("<u>Question 4</u> : Parmi ces supports de stockage, lequel a disparu ?","La clef USB","La disquette","Le CD-ROM","2","<b><u>Commentaire</u></b> : La disquette a disparu car sa technologie est dépassé."),
                    array("<u>Question 5</u> : Que trouve t-on dans la colonne de gauche du menu DEMARRER","La météo","Vos documents","Vos programmes","3","<b><u>Commentaire</u></b> : La colonne de gauche contient tous les programmes que vous possédez dans votre ordinateur."),
            array("<u>Question 6</u> : ?","?","?","?","?","2","<b><u>Commentaire</u></b> : ?"),
                    array("<u>Question 7</u> : ?","?","?","?","?","2","<b><u>Commentaire</u></b> : ?"),
                    array("<u>Question 8</u> : ?","?","?","?","?","2","<b><u>Commentaire</u></b> : ?"),
                        array("<u>Question 9</u> : ?","?","?","?","?","2","<b><u>Commentaire</u></b> : ?"),
                        array("<u>Question 10</u> : ?","?","?","?","?","2","<b><u>Commentaire</u></b> : ?"),
    );
            include("infodebasecorrection.php");
  ?>
</body>
</html>

Comment faire donc? Je veux juste que le texte correspondant au bouton radio sélectionné soit en couleur

[RomainVALERI]

exemple en fonction des nouvelles infos :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<input type="radio" onclick="basculeOrange(this)"></input>

et ensuite en js

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
function basculeOrange(elem) {
   var spans = document.getElementsByTagName("SPAN");
   for (var i = 0, iMax = spans.length; i < iMax; ++i) {
      if (spans[i].className.indexOf("orange") > -1) spans[i].className = "";
      if (spans[i] == elem) elem.className = 'orange';
   }
}

PS : par contre tu disais

Voici le code que tu me demande :

...mais tu as posté du PHP ^^ (relis mon message)

[fado59]

ok ok et donc moi dans mon code j'ai cette ligne :

print "<input type='radio' name=\"$i\" checked='checked' value=\"$j\" /> $question<br /> "; // Bouton radio, dernier coché par défaut

Je met le onclick dedans? Si tu peux m'aider, je désespère... je suis sur ça depuis ce matin..

[vermine]

Le onclick doit se trouver sur tous les radio.

[RomainVALERI]

Je met le onclick dedans?

Ouep et comme le précise vermine : pas seulement celui-là : tous ceux qui peuvent être colorés de cette manière ^^

edit : heu... ok c'est dans ta boucle en php donc ca se retrouvera dans chacun des boutons radio j'ai rien dit