Discussion :

[K-Kaï]

Petite description de la situation :

J'affiche en JSP,une liste de personne et un bouton radio par ligne pour visualiser plus de détail sur un utilisateur. Ce detail est visible à l'aide d'un bouton qui appelle une fonction Javascript qui realisera le traitement.

Voici le bout de code de la page JSP :

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
 
<form name="detail"  action="http://localhost:8080/transfertFichier/main" method="post">
		<table id="liste">
			<tr class="entete">
				<td>Id </td>
				<td>Nom</td>
				<td>Prénom</td>
				<td>Mail</td>
				<td>Détail</td>
			</tr>
			<c:forEach items="${requestScope['listeUser']}" var="user" varStatus="status">
				<tr class="${status.index%2==0?'pair':'impair'}">
					<td>${user.id}</td>
					<td>${user.nom}</td>
					<td>${user.prenom}</td>
					<td>${user.mailPerso}</td>
					<td><input type="radio" name="id" value="${user.id }" /></td>
				</tr> 
			</c:forEach>
		</table>
		<p>
			<input type="hidden" name="action" value="3" />
			<input type="button" name="valid" value="Voir et modifier les information de l'utilisateur sélectionné" onclick="validerForm(detail);" />

Le traitement Javascript consisterai seulement à verifier lors de l'appui sur le bouton de validation qu'un utilisateur est bien selectionné. Seulement je ne vois pas comment controler l'ensemble des boutons radio sachant que je ne connais pas leur nombre à l'avance.

Voyez vous une solution ?

PS : le User.id qui est mis en valeur du bouton selectionné est un nombre aleatoire donc inexploitable pour effectuer le traitement.

[FremyCompany]

Code à la volée :

Code :

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

1
2
3
4
5
6
7
8
var ok=false;
try {var All = document.getElementsByTagName("input");
   for (var i=0; i<All.length; i++) {
      ok = ok || All[i].checked
   }
} finally {
   return ok
}

[Herode]

Est-ce qu'ajouter un gestionnaire onclick sur tes boutons-radio peut aider ? Quelque chose du genre :

Code :

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

1
2
3
4
5
6
 
<script language="javascript">
var g_selected = false;
</script>
[...]
<input type="radio" name="nomGroupe" onclick="g_selected = true;">

... puis tester g_selected quand on clique sur le bouton de validation.

[FremyCompany]

Est-ce qu'ajouter un gestionnaire onclick sur tes boutons-radio peut aider ? Quelque chose du genre :

Code :

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

1
2
3
4
5
6
 
<script language="javascript">
var g_selected = false;
</script>
[...]
<input type="radio" name="nomGroupe" onclick="g_selected = true;">

... puis tester g_selected quand on clique sur le bouton de validation.

Nan, ca n'est pas bon, car si tu clique pour cocher, puis que tu reclique pour décocher... g_selected vaudra bien true...

[linar009]

Tu peux toujours remplacer ton :
onclick="g_selected = true;

par :

onClick = 'g_selected = document.getElementById(\'nomGroupe\').checked;'

[Herode]

Nan, ca n'est pas bon, car si tu clique pour cocher, puis que tu reclique pour décocher... g_selected vaudra bien true...

Pour un bouton radio, on ne clique pas pour décocher S'il s'agit de gérer des cases à cocher, par contre, tu as entièrement raison. Et s'il y a un risque que le code HTML évolue du bouton-radio vers la case à cocher, alors ta solution ou celle de linar009 ci-dessus sont effectivement plus robustes

[K-Kaï]

Merci, merci pour ce qui est des bouton radio, en effet le code d'herode marche parfaitement, et cela restera des radio donc pas de soucis.

Mais vos remarques tombent à pic car j'ai également des checkbox à vérifier (si pas de checkbox coché alors alert ...)

[SpaceFrog]

sinon pour le traitement des boutons y'a ça

[K-Kaï]

Yeah yeah yeah, alors celle la fallait aller la chercher.

Plus sérieusement si quelqu'un à une solution pour controler qu'il y a bien au moins une checkbox de cocher lors de l'appui sur un bouton je prends.

PS : la solution de linar009 ne semble pas fonctionner chez moi.

[FremyCompany]

Et ca ? Ca ne marche pas ??

Code à la volée :

Code :

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

1
2
3
4
5
6
7
8
var ok=false;
try {var All = document.getElementsByTagName("input");
   for (var i=0; i<All.length; i++) {
      ok = ok || All[i].checked
   }
} finally {
   return ok
}

[K-Kaï]

Ca je doit avouer que je suis une brelle en Javascript (non pas que je pige pas mais je m'y suis jamais vraiment mis) et je ne comprends pas tout ce que fait le code ...

[FremyCompany]

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
function Verrif_CheckBoxOrRadioButton(Container/* as HTMLElement */) {
   /* Au départ, on considère que le test a échoué (aucune checkbox n'est checkée) */
   var ok=false;
   try {
      /* Récupère TOUTES les balises input contenue dans la balise conteneur */
      var All = Container.getElementsByTagName("input");
      /* Effectue le test pour TOUTES les balises obtenues */
      for (var i=0; i<All.length; i++) {
         /* Verrifie que l'input est bien une case à cocher ou un boutton radion */
         if (All[i].type.toLowerCase() == "checkbox" || All[i].type.toLowerCase() == "radiobutton") {
            /* Le resultat du test devient true si l'input est checkée */
            ok = ok || All[i].checked
         }
      }
   } finally {
      /* Retourne le résultat du test */
      return ok
   }
}