Plugin jQuery : Quicksand, Réorganiser et filtrer des éléments

Voici un plugin jQuery qui, grâce à ses effets de transition, rend la réorganisation et le filtre d’éléments d’une liste beaucoup plus sympa :)


Vous partez d’une liste d’éléments (l’exemple est très visuel puisque utilisant des grosses icônes). Vous précisez les nouvelles positions (en rajoutant une liste cachée avec ces mêmes éléments) et Quicksand s’occupe du reste :)

[html]
<ul id="source">
<li data-id="iphone">iPhone OS</li>
<li data-id="android">Android</li>
<li data-id="winmo">Windows Mobile</li>
</ul>

<ul id="destination" class="hidden">
<li data-id="macosx">Mac OS X</li>
<li data-id="macos9">Mac OS 9</li>
<li data-id="iphone">iPhone OS</li>
</ul>
[/html]

[javascript]
$(‘#source’).quicksand( $(‘#destination li’) );
[/javascript]

Notez bien que ce plugin n’a volontairement pas été testé avec Internet Explorer 6.

Paramètres, démos et téléchargement sur le site officiel.

Lien :

Article written by devzonefr

Développeur d'applications de formation, je me suis aujourd'hui spécialisé dans le développement web.

4 réponses à “Plugin jQuery : Quicksand, Réorganiser et filtrer des éléments”

  1. creamama

    Bonjour,

    merci de faire partager cette découverte. Je cherchais justement quelque chose comme ça. Effectivement, la démo est bien foutu !

  2. agence web

    Oufff, ça décoiffe ce script, du tonnerre !!!

  3. Julien Vernet

    Je l’ai découvert il y a peu mais j’éprouve quelques difficultés à l’utiliser avec d’autres plugins jquery.

  4. Celine

    Bonjour,

    Je n’ai pas (encore ?) essayé ce script. C’est un sacré script en effet !

    J’ai une question pour ceux qui l’auraient essayé. Est-ce que l’un d’entre vous a tenté de créer plusieurs types de filtres ?

    J’aimerais en fait pouvoir l’appliquer à une recherche multicritères.

Laisser un commentaire