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 38446 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 28 février 2025 - 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

2 réponses

Réponse 1 / 2
jordane45 Messages postés 38446 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 28 février 2025 4 737
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
jordane45 Messages postés 38446 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 28 février 2025 4 737
8 févr. 2023 à 17:57

https://www.google.com/search?q=javascript+ecrire+dans+un+input

https://www.google.com/search?q=javascript+lire+la+valeur+d%26%2339%3Bun+input

https://www.google.com/search?q=javascript+incr%C3%A9menter+une+variable

.

0

Discussions similaires

la balise <br> ou <br />
faamugol -
rwaness -

Bonjour,

Quelle est la difference entre la balise
et
?

Pourquoi utiliser l'un et pas l'autre ?

Merci d'avance,

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

Bonjour,

Comme on lit un peu tout et son contraire sur internet, je voudrais savoir quelle est la balise que l'on doit utiliser pour un retour à la ligne en HTML5.

Merci. :)

Configuration: Windows 7 / Chrome 22.0.1229.79

11 réponses
Balise </br>
erf -
erf -

Bonjour,

Je viens de créer un site web, et je me suis rendu sur W3C afin d'obtenir le www. mais le site m'affiche une erreur "End tag BR" (pour la balise
), ce que je ne comprends pas vu que le balise
n'existe pas (il me semble...)

Pouvez-vous m'aider svp ?
Merci d'avance et bonne journée !

3 réponses
Saut de lignes sans <br/>
Rapi-shiny -
Rapi-shiny -

Bonjour,

Je ne savait pas comment faire un titre explicite donc voilà mon problème:

Je possède un système de news sur mon site mais à chaque fois lors de l'écriture je dois ajouter la balise
pour faire un saut de ligne.

J'ai cherché su google mais ne sachant pas quelle question poser j'ai du mal a bien cibler ma recherche.

Merci d'avance.

Configuration: Windows 7 / Firefox 5.0

13 réponses
Espace HTML
guilhem_mdg -
hodor -

Bonjour. J'ai une question, surement toute bête, pour certains:
Comment faire pour afficher plusieurs espaces en html ?
Si j'appuie plusieurs fois sur la barre espace, il me prend qu'un seul espace...
Merci !
Guilhem.

10 réponses