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 ?


6 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

Ajouter un commentaire


Billets ★ choisis

★ Open Articles : Libérez votre savoir !

Logo associé au billet intitulé Open Articles : Libérez votre savoir !

Voila le projet de recherche que j'ai présenté mardi, il devait être innovant et ne pas faire plus de 10 pages. Vous pouvez aussi le télécharger au format pdf et/ou consulter la présentation au format odp. Ce rapport ...

★ Le Web Sémantique ou l'importance des données liées

Logo associé au billet intitulé Le Web Sémantique ou l'importance des données liées

Ce billet n'est pas un transcript de ma conférence sur l'identité numérique et le Web Sémantique à Paris Web mais un document permettant de résumer ce qui a été dit (pour les absents), de lier les ressources citées ...

★ 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 ...


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