Home

Hideseek est un plugin jQuery permettant d’ajouter des fonctionnalités de recherche et filtres sur vos applications web.

Hideseek est un plugin jQuery permettant d'ajouter des fonctionnalités de recherche et filtres sur vos applications web.

Vous souhaitez mettre en place un système de filtres efficace sur vos pages web ?

Hideseek est là pour vous. Il s’agit d’un plugin jQuery permettant d’ajouter un système de recherche parmi une liste ou collection d’éléments DOM.

Côté fonctionnalités on retrouve:

  • Format du code HTML avec n’importe quel markup
  • Message en cas d’aucun résultat
  • Navigation dans les résultats avec le clavier
  • Highlight des résultats ou portions de résultat
  • Gestion de callbacks

Recherche avec  highlight des mots trouvés

Côté mise en place, c’est très simple, vous définissez un champ input text pour la recherche, et une liste d’éléments HTML:

1.<input id="search" name="search" placeholder="Tapez ici pour rechercher" type="text" data-list=".list">
2.<div class="list">
3.<span>item 1</span>
4.<span>...</span>
5.<span>item 2</span>
6.</div>

L’élément data-list permet de spécifier la classe de la liste d’élément HTML sur laquelle filtrer.

Il ne vous reste plus qu’à déclencher le plugin à l’aide des options souhaitées:

1.$(document).ready(function() {
2.$('#search').hideseek();
3.});

Un plugin simple à utiliser qui apportera du confort à vos utilisateurs … même sous IE7.

Site Officiel

Publicités

Laisser un commentaire

Choisissez une méthode de connexion pour poster votre commentaire:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s