Bonjour les gens
Je me suis attelé à la tache de faire un formulaire pour remplir différentes valeurs dans une base de données. Jusque là, rien de très pationnant
A cause de mes besoins, j'ai du chercher un moyen de sélectionner plusieurs éléments dans une liste, tout en évitant le recours aux listes multiples. Après plusieurs essais (genre ajouter un bouton + pour ajouter d'autres éléments), je me suis résolu à me tourner vers jQuery.
Il y a un widget répondant exactement à mes besoins, multiselect : http://www.erichynds.com/jquery/jq [...] ct-widget/
Il permet en gros de faire une liste déroulante à choix multiples.
Niveau implémentation, rien de très compliqué, cependant, je veux que mon formulaire soit "interactif", c'est à dire qu'il soit grisé de base et qu'il se dégrise au fur et à mesure de sa complétion.
J'ai essayé de passer par les fonctions javascript de base ( document.getElementById("idElement" ).disabled="true"; ), mais si elles marchent bien pour les éléments de base (soit une liste déroulante normale, soit une liste à choix multiple de base), elles ne fonctionnent pas pour le widget en question (qui est donc une liste à choix multiples déroulante).
Comme je ne suis pas vraiment un kador en jQuery, j'aimerai un peu d'aide : dans la page que j'ai donné, il y a certaines fonctions qui semblent utilisables (enable / disable en tête) : mon problème est que je ne vois pas où et sous quel forme faire mon test ; entre autre, j'ai ça :
Code :
- $(function(){
- $("#clients" ).multiselect({
- multiple: false,
- header: "Choix du client :",
- noneSelectedText: "Choisir un client",
- selectedList: 1,
- height: 100,
-
-
-
- hide: ["explode", 1000]
- });
- $("#test" ).multiselect({
- multiple: false,
- header: "Choix de l\'authorisation :",
- noneSelectedText: "Séléctionner autorisation",
- selectedList: 1,
- height: 50,
-
- hide: ["explode", 1000]
- });
- $("#groupes" ).multiselect({
- selectedList: 1,
- noneSelectedText: "Choisir les groupes",
- checkAllText: "Tous",
- uncheckAllText: "Aucun",
- selectedText: "# Séléctionnés",
- height: 100,
-
- hide: ["explode", 1000]
- });
- });
|
Donc en gros, j'aimerai que lorsqu'on choisit un client, on dégrise test, puis lorsque test est choisi, on dégrise groupe. Evidemment, ces éléments sont grisés de base avec un simple disabled="disabled".
Bref, si quelqu'un a déjà touché à ça, ce serait sympa de filer un coup de main
Message édité par darkangel le 26-04-2011 à 12:07:59