Réaliser un sondage

Version imprimable

Réaliser un sondage

Bonjour,

comme le dit le titre, je voudrais réaliser un formulaire/sondage. Et je voudrais créer une ligne qui permettrait de voter (exprimer son degré de contentement). Pour ce faire, j'ai déjà créé une ligne non cliquable :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<table>
  <tbody>
    <tr>
      <td width="70">tr&egrave;s insatisfait</td>
      <td width="70"> insatisfait</td>
      <td width="70"> neutre </td>
      <td width="70">satisfait</td>
      <td width="70">tr&egrave;s satisfait</td>
    </tr>
    <tr>
      <td bgcolor="red" width="70">
      <center><img src="rond.png" width="30"></center>
      </td>
      <td bgcolor="orange" width="70">
      <center><img src="rond.png" width="30"></center>
      </td>
      <td bgcolor="yellow" width="70">
      <center><img src="rond.png" width="30"></center>
      </td>
      <td bgcolor="#a1eb00" width="70">
      <center><img src="rond.png" width="30"></center>
      </td>
      <td bgcolor="#09eb00" width="70">
      <center><img src="rond.png" width="30"></center>
      </td>
    </tr>
  </tbody>
</table>

mais évidemment, je voudrais que l'utilisateur puisse cliquer sur l'un des ronds et que l'on récupère ainsi son vote. Suis-je bien parti et comment faire ?

01/09/2011, 13h52
FirePrawn

Bonjour,

Utilise les boutons radio plutôt.

Oui, merci de m'y avoir fait penser ; c'est beaucoup mieux :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<table>
  <tbody>
    <tr>
      <td colspan="2" width="100">
      <center>tr&egrave;s
insatisfait</center>
      </td>
      <td colspan="2" width="100">
      <center> insatisfait</center>
      </td>
      <td colspan="2" width="100">
      <center> neutre </center>
      </td>
      <td colspan="2" width="100">
      <center>satisfait</center>
      </td>
      <td colspan="2" width="100">
      <center>tr&egrave;s
satisfait</center>
      </td>
    </tr>
    <tr>
      <td bgcolor="red">
      <center><input name="un" value="un"
 type="radio"></center>
      </td>
      <td bgcolor="red">
      <center><input value="un" name="un"
 type="radio"></center>
      </td>
      <td bgcolor="orange">
      <center><input name="deux" value="deux"
 type="radio"></center>
      </td>
      <td bgcolor="orange">
      <center><input name="un" value="un"
 type="radio"></center>
      </td>
      <td bgcolor="yellow">
      <center><input name="un" value="un"
 type="radio"></center>
      </td>
      <td bgcolor="yellow">
      <center><input name="un" value="un"
 type="radio"></center>
      </td>
      <td bgcolor="#a1eb00">
      <center><input name="un" value="un"
 type="radio"></center>
      </td>
      <td bgcolor="#a1eb00">
      <center><input name="un" value="un"
 type="radio"></center>
      </td>
      <td bgcolor="#09eb00">
      <center><input name="un" value="un"
 type="radio"></center>
      </td>
      <td bgcolor="#09eb00">
      <center><input name="un" value="un"
 type="radio"></center>
      </td>
    </tr>
  </tbody>
</table>