Questionnaire html
Bonjour,
Je viens de créer une page où il y aura une question et 6 réponses possible par clic sur un numéro (voir code ci-dessous)
Je voudrais qu'à chaque fois que l'on clique sur une réponse (une seule réponse par question) :
- on incrémente le chiffre dans la case résultat de la valeur représentée par ce bouton (0 ou 1)
- voir le résultat au fur et à mesure du test
Voici le formulaire CAST de base (https://tcc.apprendre-la-psychologie.fr/catalogue/tests-psychologiques/questionnaire-de-reperage-de-la-consommation-de-cannabis.html
Merci pour votre aide, cordialement.
<!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>Exemple questionnaire</title>
<body><html>
<head>
<head>
<p>
<script language="javascript">
function afficher() {
document.getElementById('image').src='rouge.jpg';
}
function effacer() {
document.getElementById('image').src='blanc.jpg';
}
</script>
<body>
</p>
<p>Question 1 </p>
<table width="832" border="1">
<tr>
<td colspan="6"><div align="center">place de la vidéo </div></td>
</tr>
<tr align="center" valign="middle">
<td width="138"><img src="file:///D|/Doc-GAS/TESTS/1.png" width="100" height="100" /></td>
<td width="138"><img src="file:///D|/Doc-GAS/TESTS/2.png" width="100" height="100" /></td>
<td width="138"><img src="file:///D|/Doc-GAS/TESTS/3.png" width="100" height="100" /></td>
<td width="138"><img src="file:///D|/Doc-GAS/TESTS/4.png" width="100" height="100" /></td>
<td width="138"><img src="file:///D|/Doc-GAS/TESTS/5.png" width="100" height="100" /></td>
<td width="138"><img src="file:///D|/Doc-GAS/TESTS/6.png" width="100" height="100" /></td>
</tr>
<tr align="center" valign="middle">
<td width="138"> </td>
<td width="138"> </td>
<td width="138"> </td>
<td width="138"> </td>
<td width="138"> </td>
<td width="138"> </td>
</tr>
<tr align="center" valign="middle">
<td width="138"> </td>
<td width="138"> </td>
<td width="138"> </td>
<td width="138"> </td>
<td width="138"> </td>
<td width="138"> </td>
</tr>
</table>
<p>1</p>
<p>résultat:</p>
<table width="200" border="1">
<tr>
<td> </td>
</tr>
</table>
</body>
</html>
09.0.0.0
2 réponses
-
Bonjour,
Merci beaucoup
Dans l'exemple que j'ai trouvé et essayé j utilise onclick pour copier un texte.
Quel code utiliser si on veut incrémenter de "1" un résultat dans une autre case (style +1 en cliquant donnerait 5 à la case indiquant 4).
Merci d'avance
Joël
-
Modérateur
Bonjour,
Je voudrais qu'à chaque fois que l'on clique sur une réponse
Pour cela, il te suffit de t'orienter vers le javascript .. et de regarder l'event "onclick".
PS: ton code html contient des erreurs ...
- Tu as plusieurs balises <head> (une seule suffit ... et il faut la fermer ensuite </head> )
- Tu as une balise <html> qui se promène n'importe où
- Tu as des balises <p> </p> qui sont au niveau du head .. il faut les retirer ( en dehors du body.. ne pas mettre de html ! )
- Prend l'habitude de mettre tes scripts JS à la fin de ton body ( avant le </body> ) plutôt que dans le head.
.
