Selection de valeurs a partir de 2 listes à choix mupliples

Soyez le premier à donner votre avis sur cette source.

Vue 11 849 fois - Téléchargée 1 166 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

Conclusion :


Si vous avez des objections ou des critiques, n'hésitez pas.

Codes Sources

A voir également

Ajouter un commentaire Commentaires
Messages postés
291
Date d'inscription
vendredi 21 février 2003
Statut
Membre
Dernière intervention
13 mars 2015

J'ai repris cette source et l'ai adaptée à mes besoin.
Elle se trouve ici ===> http://www.javascriptfr.com/codes/DOUBLE-LISTE-SELECTION_53189.aspx

JJDAI
Messages postés
291
Date d'inscription
vendredi 21 février 2003
Statut
Membre
Dernière intervention
13 mars 2015

Super exactement ce que je cherchais, avec quelques amélioration toutefois.
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
Messages postés
91
Date d'inscription
mercredi 6 novembre 2002
Statut
Membre
Dernière intervention
20 mars 2009

bravo!
Messages postés
14
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
17 mai 2007

bon en fait j'ai trouvé la solution qui m'est adaptée: dans mon cas, sachant que la liste de droite est forcément vide au chargement de la page, j'ai enlevé le code qui génère la ligne de droite:
// 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!
Messages postés
14
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
17 mai 2007

en effet, c'est du "quick and dirty" mais ça marche!
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 :)
Afficher les 17 commentaires

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.