Discussion :

[Nabouille]

Bonjour,

je réalise un questionnaire d'enquête en ligne en php et je dois réaliser quelque chose d'un peu particulier pour une question.

J'ai 10 affirmations qui doivent être classée de 1 à 10 suivant l'importance que chaque personne enquêtée leur donnera.

J'ai construit un tableau avec des boutons radio (voir http://www.cityfreight.eu/ESTIMATE/i...5?suivant=Q304)

Voici le code (simplifié pour 3 qualités) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
<table width=100%>
<tr>
	<td colspan="5">Classez ces qualités selon l'ordre d'importance que vous leur accordez dans une situation idéale.</td> 
</tr>
<form method="post" action="?suivant=Q305">	 
 <tr>	
	<td  width=50%></td>
	<td  width=10%><p align="center">Qualité la plus importante	</p></td>
	<td  width=10%></td>
	<td  width=10%><p align="center">Qualité la moins importante</p></td>
	<td  width=20%></td>
</tr>	
<tr>	
	<td  width=50%>rigolo </td>
	<td  width=10%><input type="radio" name="rigolo" value="1">1	</td>
	<td  width=10%><input type="radio" name="rigolo" value="2">2	</td>
	<td  width=10%><input type="radio" name="rigolo" value="3">3	</td>
	<td  width=20%></td>
</tr>	
<tr>
	<td  width=50%>intelligent </td>
	<td  width=10%><input type="radio" name="intelligent" value="1">1	</td>
	<td  width=10%><input type="radio" name="intelligent" value="2">2	</td>
	<td  width=10%><input type="radio" name="intelligent" value="3">3	</td>
	<td  width=20%></td>
</tr>
<tr>
	<td  width=50%>Beau </td>
	<td  width=10%><input type="radio" name="beau" value="1">1	</td>
	<td  width=10%><input type="radio" name="beau" value="2">2	</td>
	<td  width=10%><input type="radio" name="beau" value="3">3	</td>
	<td  width=20%></td>
</tr>	
<tr> 
	<td colspan="12" align='right'>
	<input type="submit" value="suivant >">
	</td>
</tr>
</form>
</table>

J'aimerais que je ne puisse cocher qu'un seul bouton par ligne (ce qui est le cas) et qu'un seul bouton par colonne : c'est-à-dire rendre les autres boutons de la colonne disabled lorsqu'il y en a un de coché.

Je suppose qu'il faudrait que j'utilise un script javascript... mais je n'ai pas encore eu l'occasion de devoir utiliser javascript : je n'y connais rien. Comment dois-je faire?

Avez-vous déjà rencontré ce type de situation? Que dois-je faire pour classer ces qualités dans un ordre de préférence?

Merci d'avance pour votre aide,

Nabouille

[Zenol]

Question qui a sa place dans javascript.

Mais tu pourais par exemple donner un ID a chaque champ (par exemple l1c1, l1c2, etc)
Ensuite, chaqu'u des boutons de la colonne 1 appelle via onclick="" la fonction disable('c1') et cette fonction serait constituer d'une boucle qui récupère tout les boutons radio via GetElementByID('l' + i + param); puis les désactive(quelque chose comme "Objet.disabled = true;", au pire utilise l'inspecteur dom de firefox tu a toute les propriétés javascript des objets de la page )
C'est pas très très propre mais à 1H du matin je peut pas faire mieux.
A la limite si tu gère ca via php, tu peut créer une fonction qui prend en paramètre le nom de ligne par colonne et l'id de la colonne du bouton.

[Nabouille]

Ok, je me doute bien qu'il y a un moyen, mais je ne connais pas vraiment javascript...

Quelqu'un n'aurait pas un exemple de ce type de script pour que je m'en inspire?

Merci

[Nabouille]

Ok, j'ai un peu approfondi ma question...

j'ai fait le script suivant ;

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script language="javascript">
function verif(id, colonne)	
{	  
if (id=="l1c1")
{ 
  document.getElementById('l2c1').disabled = true; 
  document.getElementById('l3c1').disabled = true; 
  document.getElementById('l4c1').disabled = true;
 }
  else if (id=="l2c2")
{ document.getElementById('l1c2').disabled = true; 
  document.getElementById('l3c2').disabled = true;	
  document.getElementById('l4c2').disabled = true;
  }	 
 }
 </script>

et dans mon formulaire (extrait) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<input type="radio" name="Ordreflexibilite" value="1" id="l1c1" onClick=verif("l1c1",1)>
<input type="radio" name="Ordreflexibilite" value="2" id="l1c2" onClick=verif("l1c2",2)>

Les cases de ma colonne se grisent effectivement lorsque je clique sur le bouton l1c1....

Mais j'aimerais que si je coche une autre colonne pour ma première ligne (par ex l1c5), les boutons de ma première colonne redeviennent sélectionnables...

Au lieu de "OnClick", existe-t-il quelque chose du genre "si le bouton est coché" ?? Comment puis-je faire?

Merci

Nabouille

[Nabouille]

svp, est-ce que quelqu'un peut m'aider?