Donnez vie à vos documents numériques !
 

JavaScript pour menu déroulant qui communique avec cases à cocher

abracadabraPDF Forums PDF – Général JavaScript pour menu déroulant qui communique avec cases à cocher

  • Ce sujet est vide.
  • Créateur
    Sujet
  • #45935
    Sky
    Membre

    Bonjour à tous,

    j’aimerais savoir s’il est possible de faire ceci à l’aide d’un javascript :
    J’ai un menu déroulant qui doit (communiquer) avec des cases à cocher.

    Par exemple (voir pièce-jointe pour comprendre): si la valeur du menu déroulant est:  1 (cocher A et C), nous puissions cocher
    UNIQUEMENT A et C. Les autres cases ne doivent pas pouvoir être cochées.

    Chaque case peut être utilisées à plusieurs reprises selon les différents éléments choisis dans la liste déroulante.

    Est-ce possible de le faire ? Si oui comment dois-je faire car je n’ai aucune idée pour le moment mais je me dit qu’un javascript doit être la solution à mon problème.

    Merci d’avance. :priere:

Affichage de 4 réponses de 1 à 4 (sur un total de 4)
  • Auteur
    Réponses
  • #64684
    Merlin
    Maître des clés

    Bonjour.

    Il faut placer ce script en script de validation dans la liste déroulante.

    Code:
    this.resetForm(“A”);
    this.resetForm(“C”);
    this.resetForm(“B”);
    this.resetForm(“D”);
    //
    if (event.value == “1”) {
    this.getField(“A”).readonly = false;
    this.getField(“B”).readonly = true;
    this.getField(“C”).readonly = false;
    this.getField(“D”).readonly = true;
    }
    else if (event.value == “2”) {
    this.getField(“A”).readonly = true;
    this.getField(“B”).readonly = false;
    this.getField(“C”).readonly = false;
    this.getField(“D”).readonly = false;
    }
    else if (event.value == “3”) {
    this.getField(“A”).readonly = false;
    this.getField(“B”).readonly = true;
    this.getField(“C”).readonly = false;
    this.getField(“D”).readonly = true;
    }
    else {
    this.getField(“A”).readonly = true;
    this.getField(“B”).readonly = true;
    this.getField(“C”).readonly = true;
    this.getField(“D”).readonly = true;
    }

    J’ai modifié les items de la liste déroulante dans le ci-joint.

    #64685
    bebarth
    Maître des clés

    bonjour,

    Par exemple (voir pièce-jointe pour comprendre): si la valeur du menu déroulant est:  1 (cocher A et C), nous puissions cocher
    UNIQUEMENT A et C. Les autres cases ne doivent pas pouvoir être cochées.

    Juste une question : pour l’utilisateur, ne serait-il pas plus compréhensible de montrer/masquer les cases qu’il peut cocher plutôt qu’il se demande si c’est normal (ou pas) qu’il ne puisse pas cocher une case !!!
    Ce qui donnerait, en partant du script de Merlin :

    Code:
    this.resetForm(“A”);
    this.resetForm(“C”);
    this.resetForm(“B”);
    this.resetForm(“D”);
    //
    if (event.value == “1”) {
        this.getField(“A”).display = display.hidden;
        this.getField(“B”).display = display.visible;
        this.getField(“C”).display = display.hidden;
        this.getField(“D”).display = display.visible;
    }
    else if (event.value == “2”) {
        this.getField(“A”).display = display.visible;
        this.getField(“B”).display = display.hidden;
        this.getField(“C”).display = display.hidden;
        this.getField(“D”).display = display.hidden;
    }
    else if (event.value == “3”) {
        this.getField(“A”).display = display.hidden;
        this.getField(“B”).display = display.visible;
        this.getField(“C”).display = display.hidden;
        this.getField(“D”).display = display.visible;
    }
    else {
        this.getField(“A”).display = display.visible;
        this.getField(“B”).display = display.visible;
        this.getField(“C”).display = display.visible;
        this.getField(“D”).display = display.visible;
    }

    Par contre, il faut retirer les cases qui ne sont pas des champs !
    @+
    :bonjour:

    #64686
    Sky
    Membre

    Wahoo ! Vous êtes trop fort.

    Dans mon cas j’y suis allée avec le script de Merlin, car j’ai une mention qui dit que les choix ne seront pas tous disponibles dans mon contenu texte. Et le tout fonctionne à merveille.

    Bravo ! et Merci beaucoup de votre grande aide comme toujours !

    Mon problème est résolu. :soleil:

    #64687
    Merlin
    Maître des clés

    :bonjour:

Affichage de 4 réponses de 1 à 4 (sur un total de 4)
  • Vous devez être connecté pour répondre à ce sujet.