Je souhaite que le choix d'une solution des boutons radio soit en couleur. C'est à dire que si je coche un bouton radio, le texte a côté (la proposition) se met en couleur.
Tant qu'à faire comment mettre l'interieur de la coche en couleur également. Merci d'avance.
Voici mon code :
<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 de votre Bureau ne peut pas être effacé ?","Poste de Travail","Corbeille","Mes Documents","Favoris Réseau","2","<b><u>Commentaire</u></b> : La corbeille est le seul dossier du Bureau qui ne peut pas être effacé ni même renommé."),
array("<u>Question 2</u> : Quel est le meilleur OS ?","Windows","Linux","Mac","Chrome OS","2","<b><u>Commentaire</u></b> : Linux est de loin le meilleur OS, le Pingouin gagne toujours devant Apple et Windows. Quant à Chrome OS, il n'est pas encore ouvert grand public."),
array("<u>Question 3</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 4</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 5</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 6</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 7</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 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>
<?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"<[email protected]>'."\n";
$headers .='Reply-To: [email protected]'."\n";
$headers .='Content-Type: text/plain; charset="iso-8859-1"'."\n";
$headers .='Content-Transfer-Encoding: 8bit';
$mail = mail('[email protected]', '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>";
}
}
}
?>