Selection de valeurs a partir de 2 listes à choix mupliples
Soyez le premier à donner votre avis sur cette source.
Vue 11 909 fois - Téléchargée 1 169 fois
Description
Une liste contient toutes les valeurs possible et une autre va contenir uniquement les valeurs sélectionnées.
Presque toutes les actions sont possible pour manager votre choix (ajouter/supprimer/classer ...)
Une capute d'écran vaut mieux que de long discours.
Démo visible ici : http://www.coopmcs.com/demo/2_listes/selection.html
Si vous avez des objections ou des critiques, n'hésitez pas.
Presque toutes les actions sont possible pour manager votre choix (ajouter/supprimer/classer ...)
Une capute d'écran vaut mieux que de long discours.
Démo visible ici : http://www.coopmcs.com/demo/2_listes/selection.html
Conclusion :
Si vous avez des objections ou des critiques, n'hésitez pas.
Codes Sources
A voir également
- Sélection de valeurs
- 2 listes liées (choix multiples) ✓ - Forum - Javascript / DHTML
- Controle permettant la selection a partir d'une liste plus interessant que le combobox habituel - Codes sources - Visual Basic / VB.NET (Control)
- Renvoyer plusieurs valeurs a partir d'un select vers une BDD ✓ - Forum - PHP
- 2 listes déroulantes liées php ✓ - Forum - PHP
- Décompilalation 2 : liste des contrôle + caption - Codes sources - Visual Basic / VB.NET (Divers)
Elle se trouve ici ===> http://www.javascriptfr.com/codes/DOUBLE-LISTE-SELECTION_53189.aspx
JJDAI
J'ai modifié les lignes 28 et 41
- J'ai forcer la largeur des deux listes, c'est quand même plus agréable de garder les listes à la même largeur quelque soit le contenu.
- j'ai ajouter sur les deux liste l’évènement double clique pour basculer un seul item.
Lignes après modification:
<select name="colonne_stock" size="10" multiple style="width:200px" ondblclick="add_colonne();"></select>
<select name="colonne_afficher" size="10" multiple style="width:200px" ondblclick="remove_colonne();"></select>
JJDAI
// on remplit la liste de selection PAR DEFAUT en chargeant la page
for(i=0 ; i<colonne_init.length ; i++)
c2.options[i] = new Option(colonne_texts[colonne_init[i]],colonne_init[i]);
merci pour les commentaires nombreux dans ta source, ça m'a fait gagné beaucoup de temps!
cependant, ça règle le problème de la valeur de document.configuration.colonne faussée, mais pas la ligne vide créée dans la liste de droite, ce qui est disgracieux et assez déconcertant pour l'utilisateur (si ce n'était que moi ça me serait égal).
Merci pour cette astuce qui contourne le problème, ça rend le script tout à fait utilisable :)
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.