Autocomplétion et listes « à la Facebook » avec Mootools

Pas que je n'aime particulièrement Facebook, mais certains éléments de leur interface sont particulièrement bien conçus, alors autant s'en inspirer !

Quand vous envoyez un message à vos amis, vous disposez d'un champ texte intelligent, qui complète automatiquement le nom de vos « amis ». Le rendu final est très lisible et permet de bien distinguer tous les amis destinataires de votre message.

Pourquoi ne pas reprendre le même concept pour les étiquettes (tags) d'un article, plutôt qu'une liste pas forcément intuitive séparée par des virgules ou des espaces.

TextboxList

Le site Devthought propose une TextboxList, basée sur Mootools[1]. Vous pouvez la voir en action ici.

L'utilisation est plutôt agréable, le rendu est élégant, et le tout est libre pour toute utilisation non commerciale.

Pensez à cette librairie, ou tout du moins à cette idée, la prochaine fois que vous ferez une page qui demande à un utilisateur de saisir une liste quelconque.

Comme d'habitude, n'hésitez pas à fouiner sur le blog du développeur, qui regorge de bonnes idées et astuces. Par exemple, n'hésitez pas à apprendre comment coder un ver pour Digg… et donc comment mieux s'en protéger.

Notes

[1] Notez le bandeau animé en haut du site, fait en Javascript, qui pourra vous amuser quelques minutes (secondes) à déplacer les nuages et faire pleuvoir.

Vus : 288
Publié par djibux : 113