Une solution élégante au select multiple

Posté en august 2008


Un plugin jQuery permet de sélectionner via une liste déroulante et d'ordonner les résultats :

Select multiple avec le plugin jQuery asm

C'est pas encore l'idéal mais ça reste une meilleure solution que celle implémentée par défaut dans les navigateurs, il serait temps de faire évoluer un peu certaines interfaces utilisateurs obsolètes...

Vous avez mieux ?


7 Commentaires

Pour ma part j'aurais tendance à dire qu'une solution pas mal est celle Facebook quand on veut partager ou inviter des gens:

On voit toutes les possibilités et on clique sur celle qu'on veut et elles s'highlightent. Le tout accompagné d'une textbox plus haut qui permet de filtrer à la volée les données.

1 | Bastien, le 11 August 2008 à 00h

pour moi ça serai d'utiliser des checkbox, mais avec l'inconvénient quand la liste est trop grande...
une liste de checkbox dans un div en overflow ?
peut-être une piste à suivre.
Il me semble que j'avais vus des solutions intéressantes dans ce sens un jour... vas-y pour retrouver le lien maintenant... -_-"

2 | loïc m., le 11 August 2008 à 01h

@Bastien : oui, c'est celle que l'on utilise sur mixin pour sélectionner les personnes impliquées dans un évènement. C'est en effet une approche intéressante mais je sais pas si c'est très facile à scanner/comprendre d'un seul coup d'œil.

@loïc m. : http://www.c82.net/posts.php?id=25 ?

3 | David, biologeek, le 11 August 2008 à 01h

Je suis d'accord avec l'avis général : pour l'instant le mieux reste la liste de checkboxes, avec des filtres si beaucoup de données.

Quant à l'exemple sous JQuery, il serait facilement utilisable sous Mootools, via le plugin Sortable. Démo similaire (il suffit de changer l'entrée des données d'un input à une droplist) :

http://demos.mootools.net/Dynamic.Sortables

PS : on ne peut pas utiliser d'HTML dans les commentaire sur *ce* blog ? o_o

4 | Louis Pontoise, le 11 August 2008 à 10h

Il y a aussi la gestion utilisée par l'Admin de Django. Mais je ne sais pas à quel point le code est facilement réutilisable...

5 | zyegfryed, le 11 August 2008 à 14h

@Louis Pontoise : J'ai l'impression que le plugin Sortable ne fait pas exactement la même chose mais je ne doute pas que cela puisse être fait avec n'importe quel framework js.

ps : j'ai pas encore trouvé un intérêt suffisant à ajouter cette fonctionnalité.

@zyegfryed : justement je trouve que Django aurait des progrès à faire pour gérer cette interface.

6 | David, biologeek, le 11 August 2008 à 22h

Bonjour,

Je cherche à faire un combobox avec des cases multiples à cocher comme sur http://www.emmobilier.com

Quelqu'un peut il m'aider.

Merci

Frédéric

7 | Tutula, le 3 May 2009 à 01h

Ajouter un commentaire


Billets ★ choisis

★ Magpie RSS, installation et utilisation(s) en tout genre du parser PHP

Logo associé au billet intitulé Magpie RSS, installation et utilisation(s) en tout genre du parser PHP

Comme promis, je vais détailler un peu l'installation du parser RSS PHP de Magpie. Je n'ai pas trouvé beaucoup de documentation en français sur le net, si ce n'est sur le forum de Dotclear :). Je tiens à ...

★ Développer une application RESTful avec Django

Logo associé au billet intitulé Développer une application RESTful avec Django

Après vous avoir expliqué la théorie sur l'architecture REST, rien de vaut un exemple concret pour bien comprendre le mécanisme. J'ai longtemps hésité entre la classique todolist et un agrégateur pour l'exemple mais j'ai finalement opté ...

★ Discussions sur les applications web libres

Logo associé au billet intitulé Discussions sur les applications web libres

Je vais essayer de résumer ce que j'ai dit en introduction des discussions que j'ai eu lors des RMLL (en juillet) et de Paris Web (en octobre) autour de ce thème. Je vous accorde qu'il eut été ...


© 2004-2010 David Larlet - Licence (presque) libre - Site enfin propulsé par Django et hébergé par Typhon.