Tipue Search et Tipue Drop sont deux plugins jQuery permettant de faire des recherches avancées sur vos sites web avec style.



Tipue Search, dans un premier temps, est un plugin jQuery permettant de mettre en place un moteur de recherche qui consomme du JSON ou une liste de pages de contenu HTML.

Pratique si vous disposez d'un site web avec du contenu plus ou moins statique et que vous ne souhaitez pas mettre en place de moteur de recherche plus lourd comme Elasticsearch, Lucene ...

Vous générez votre JSON de manière statique ou dynamique à partir de votre contenu :

var tipuesearch = {"pages": [
     {"title": "Tipue Search, a site search engine jQuery plugin", "text": "Tipue Search is a site search engine jQuery plugin. Tipue Search is open source and released under the MIT License, which means it's free for both commercial and non-commercial use. Tipue Search is responsive and works on all reasonably modern browsers.", "tags": "JavaScript", "loc": "http://www.tipue.com/search"},
     {"title": "Tipue drop, a search suggestion box jQuery plugin", "text": "Tipue drop is a search suggestion box jQuery plugin. Tipue drop is open source and released under the MIT License, which means it's free for both commercial and non-commercial use. Tipue drop is responsive and works on all reasonably modern browsers.", "tags": "JavaScript", "loc": "http://www.tipue.com/drop"},
     {"title": "About Tipue", "text": "Tipue is a small web development studio based in North London. We've been around for over a decade. We like minimalism with the occasional hint of retro.", "tags": "", "loc": "http://www.tipue.com/about"}
]};

Puis vous appelez le script sur l'input permettant la recherche :

$(document).ready(function() {
     $('#tipue_search_input').tipuesearch();
});

Les résultats sont bien évidemment personnalisables pour une intégration adaptée à votre webdesign.

Le mode "live" quant à lui permet de définir une liste de pages dans lesquelles le script va devoir aller chercher le contenu :

var tipuesearch_pages = ["http://foo.com/", "http://foo.com/about/", "http://foo.com/blog/", "http://f

Le contenu n'est pas indexé, donc il est possible que le temps de recherche soit plutôt long si vous avez des centaines de pages... Préférez dans ce cas un vrai moteur de recherche comme Elasticsearch, Sphinx ...



Site Officiel