Sujet Précédent Sujet Suivant

Questionnaire html

Fermé
JOEL-29100 Messages postés 3 Date d'inscription mercredi 13 octobre 2021 Statut Membre Dernière intervention 8 février 2023 - Modifié le 4 févr. 2023 à 13:34
jordane45 Messages postés 38139 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 avril 2024 - 8 févr. 2023 à 17:57

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) :

  1. on incrémente le chiffre dans la case résultat de la valeur représentée par ce bouton (0 ou 1)
  2. 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&eacute;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">&nbsp;</td>
    <td width="138">&nbsp;</td>
    <td width="138">&nbsp;</td>
    <td width="138">&nbsp;</td>
    <td width="138">&nbsp;</td>
    <td width="138">&nbsp;</td>
  </tr>
  <tr align="center" valign="middle">
    <td width="138">&nbsp;</td>
    <td width="138">&nbsp;</td>
    <td width="138">&nbsp;</td>
    <td width="138">&nbsp;</td>
    <td width="138">&nbsp;</td>
    <td width="138">&nbsp;</td>
  </tr>
</table>
<p>1</p>
<p>r&eacute;sultat:</p>
<table width="200" border="1">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>

09.0.0.0

A voir également:

2 réponses

Réponse 1 / 2
jordane45 Messages postés 38139 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 avril 2024 4 649
4 févr. 2023 à 18:19

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.

.
1
Réponse 2 / 2
JOEL-29100 Messages postés 3 Date d'inscription mercredi 13 octobre 2021 Statut Membre Dernière intervention 8 février 2023
8 févr. 2023 à 16:09

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
0

Discussions similaires

&nbsp ; Quelle Fonction ?
-Jeff- -
sl4ck -

14 réponses
Espace en HTML
baissaoui -
baissaoui -

0 réponse
la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
Image cliquable dans html
pau -
efS -

5 réponses
<br> ou <br /> ou </br>
corentin.93 -
jessy006 -

11 réponses