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.
20 mai 2011 à 00:23
Elle se trouve ici ===> http://www.javascriptfr.com/codes/DOUBLE-LISTE-SELECTION_53189.aspx
JJDAI
18 mai 2011 à 19:42
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
7 mai 2011 à 10:58
28 oct. 2009 à 16:44
// 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!
28 oct. 2009 à 16:40
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.