Questionnaire html
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
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
- Questionnaire html
- Editeur html - Télécharger - HTML
- Espace html ✓ - Forum HTML
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
- /Var/www/html/index.html ✓ - Forum Linux / Unix
- Html download - Télécharger - HTML
2 réponses
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.
.
