limite du nombre de case à cocher et un seul choix possible

[PIXELFAB]

Bonjour,
Je suis en train de créer un nouveau formulaire et je tombe sur une problématique quasiment résolu mais pas encore.
Après plusieurs recherche sur le forum, j’arrive à réponde à certaines de mes questions mais il me manque encore des connaissances en javascript.
Je m’explique :
– J’ai un listing de cases à cocher mais je veux en cocher que 5. J’arrive à faire arriver un message d’erreur mais la case peut tout de même être cochée. Je n’arrive pas à bloquer le fait de ne cocher que 5 cases.
– J’ai un tableau que mes clients doivent remplir en ne choisissant qu’une seule “gamme de mobilier” et qu’un seul coloris. J’ai donc utilisé les boutons radio pour le coloris mais je bloque sur le fait de bloquer une ligne complète du tableau. D’ailleurs je ne sais pas si c’est possible…
Si quelqu’un peut m’éclairer sur la question se serait sympathique. Je vous joint le fichier test.
Par avance, merci.

[attachment deleted by admin]

Sujet

[Merlin]

Salut,

Non seulement on a déjà répondu à cette question sur le forum, mais en plus c’est toi qui l’avait posé.
:geek:

Regarde ma première réponse dans ce sujet et la pièce jointe qui l’accompagne : http://abracadabrapdf.net/forum/index.php/topic,2010.msg10228.html#msg10228
:Smiley03:

[PIXELFAB]

Bonjour Merlin et merci pour ta réponse.
En effet j’avais des soucis avec des cases à cocher mais ce n’était pas tout à fait le même problème.
En fait je vais essayer de contourner le problème en décochant toutes les cases lorsque j’en ai 5 de cochées.
Pour le tableau, je vais essayer de rendre invisible des boutons et champs texte.
Il est possible que je revienne vers vous pour des formules Javasript.

[PIXELFAB]

Re bonjour,
Alors pour le tableau pas de soucis, il suffit de désactiver ou activer certains champs donc pas de problème.
Par contre pour mes cases à cocher, j’ai tout de même des problèmes.

J’utilise cette formule :

event.target.value = this.getField(“TotalCC”).value;
if (event.target.value > 5)
{app.alert(“Sélectionnez 5 rubriques MAXIMUM”);}

if (event.target.value > 5)
this.getField(“CC1.0″).checkThisBox(” “, false);

if (event.target.value > 5)
this.getField(“CC1.1″).checkThisBox(” “, false);

if (event.target.value > 5)
this.getField(“CC1.2″).checkThisBox(” “, false);

if (event.target.value > 5)
this.getField(“CC1.3″).checkThisBox(” “, false);

if (event.target.value > 5)
this.getField(“CC1.4″).checkThisBox(” “, false);

if (event.target.value > 5)
this.getField(“CC1.5″).checkThisBox(” “, false);

if (event.target.value > 5)
this.getField(“CC1.6″).checkThisBox(” “, false);

if (event.target.value > 5)
this.getField(“CC1.7″).checkThisBox(” “, false);

if (event.target.value > 5)
this.getField(“CC1.8″).checkThisBox(” “, false);

Mais ça ne marche pas terrible.

Bon OK je ne suis pas bon en Javascript. Si quelqu’un peut m’indiquer comment décocher 5 cases en même temps avec une formule plus simple.

[Merlin]

– event.target.value c’est la valeur (value) de l’évènement (event) qui est train de se produire sur le champ qu’on est en train de cliquer (target), donc il est inutile de l’utiliser pour récupérer la valeur d’un autre champ.
Pour le coup tu as la chance de t’adresser au même champ, donc ça fonctionne (à peu près) mais normalement ça ne fonctionne pas du tout.

– Après avoir testé la condition il suffit d’accumuler les intructions qui en découlent entre accolades.

Ce qui nous donne :

if (this.getField(“TotalCC”).value > 5)
{
app.alert(“Su00E9lectionnez 5 rubriques MAXIMUM”);
this.getField(“CC1.0″).checkThisBox(” “, false);
this.getField(“CC1.1″).checkThisBox(” “, false);
this.getField(“CC1.2″).checkThisBox(” “, false);
this.getField(“CC1.3″).checkThisBox(” “, false);
this.getField(“CC1.4″).checkThisBox(” “, false);
this.getField(“CC1.5″).checkThisBox(” “, false);
this.getField(“CC1.6″).checkThisBox(” “, false);
this.getField(“CC1.7″).checkThisBox(” “, false);
this.getField(“CC1.8″).checkThisBox(” “, false);
}

Sans oublier de remplacer les caractères accentués par leur code Unicode (en bleu) pour s’assurer d’un affichage cohérent entre différentes plateformes.

Exemple ci-joint (le code est dans les cases).

:Smiley15:

[attachment deleted by admin]

[PIXELFAB]

Merci beaucoup Merlin.
Encore une fois tu m’as rendu un grand service. Il serait bien que je fasse une formation sur le javascript, car il y a encore beaucoup de chose qui ne sont pas très claires dans ma tête.
Encore merci.

[PIXELFAB]

Re-bonjour,
Encore une petite question : quelle serait la formule en javascript pour que lorsque j’ai 5 cases de cochées, si j’en coche une 6ème, celle-ci soit bloquée.
Dans mon cas actuel, toutes les cases s’effacent.
Si quelqu’un peut m’aider, car là je suis bloqué.
Merci.

[Merlin]

Le problème avec les cases c’est qu’il faut les gérer une par une.
Il faudrait détecter combien sont cochées et ensuite les passer en “lecture seule”.

Jusqu’ici ça va, mais si l’utilisateur est censé pouvoir changer d’avis comment ferait on ? Il faudrait de toute façon réinitialiser l’ensemble des cases, ce qui reviendrait à les décocher toutes.
Donc retour à la case départ…
:doute:

[PIXELFAB]

Ok, merci Merlin,
Ton aide m’a été précieuse.
Je vois ce que je fais avec toutes ces cases.

Merci beaucoup.

[Auteur]

Réponses