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

★ Critiques de livres

Suite à une discussion avec la responsable du secteur informatique des Éditions Eyrolles lors de Solutions Linux, j'ai décidé de faire une rapide critique des ouvrages que j'ai lu ou que je vais lire.

★ Bonnes pratiques de la programmation en Python

Logo associé au billet intitulé Bonnes pratiques de la programmation en Python

Ça faisait longtemps que je voulais écrire un peu là-dessus et puis le temps tout ça... bref je viens de tomber sur deux billets qui m'ont motivé, apparemment je suis pas le seul à vouloir apprendre/faire partager sur ...

★ Des CSS de qualité

Logo associé au billet intitulé Des CSS de qualité

Je dois écrire ce billet depuis tellement de temps que ça doit se compter en années. Je profite d'avoir lu l'excellent livre « CSS 2 Pratique du web design » de Raphaël Goetter pour faire coup double avec une critique ...


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