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

★ Découvrons OAuth avec mixin (et django-oauth)

Logo associé au billet intitulé Découvrons OAuth avec mixin (et django-oauth)

Après le billet de Sunny, on a décidé avec mixin d'utiliser OAuth pour autoriser l'accès aux données privées de l'API. Rien n'avait encore été fait avec Django alors c'était l'occasion de faire une application ...

★ Manifeste du biologeek

Logo associé au billet intitulé Manifeste du biologeek

Ce texte est une libre adaptation du manuel de l'anargeek. Il en est actuellement à sa version 2, la version 1 est toujours disponible sur ce site. Avant toute chose, je pense qu'il est intéressant de rappeler la ...

★ Résolutions : rediriger, économiser et débattre

Logo associé au billet intitulé Résolutions : rediriger, économiser et débattre

Juste à temps pour pouvoir encore appeler ça résolutions ! Seulement 4 billets et quelques pensées en 2011. On peut dire que l'année n'aura pas été très riche en écrits, même si j'essaye de me forcer à écrire ...


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