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

★ Freelances, on tourne : 7 questions pour 5 freelances web

Logo associé au billet intitulé Freelances, on tourne : 7 questions pour 5 freelances web

Je reçois pas mal de mails en ce moment au sujet de la situation de freelance et n'ayant franchi le pas que depuis peu, j'ai du mal à être vraiment pertinent dans mes réponses. D'une part je ...

★ Comprendre Ubuntu et le NTFS

Logo associé au billet intitulé Comprendre Ubuntu et le NTFS

Cela fait des mois que je suis premier sur la recherche ubuntu+ntfs et je sais bien que les utilisateurs arrivant sur la page concernée (qui commence à dater, je deviens nostalgique avec l'âge :-D) doivent être contents d ...

★ Pourquoi Python et Django

Logo associé au billet intitulé Pourquoi Python et Django

Retour sur l'événement Scrumpy auquel j'ai participé le mois dernier. J'ai déjà eu l'occasion de m'exprimer ici sur Pourquoi Python et Pourquoi Django mais le contexte était assez différent sur cet intervention car je devais ...


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