HideSeek

A simple, yet customizable live search jQuery plugin

HideSeek is simple, yet customizable jQuery plugin for live search, is compatible with IE7+, Chrome, Firefox, Safari and jQuery 1.8.1, 1.9.1, 1.11.0, 2.1.0. and supports highlighting, custom message, navigation, initialization via data attribute and custom events.

Demonstration

Default usage


$('#search-1').hideseek();
  • C
  • Java
  • PHP
  • JavaScript
  • C++
  • Python
  • Shell
  • Ruby
  • Objective C
  • C#

Highlight


$('#search-highlight').hideseek({

  highlight: true

});
  • Chrome
  • Firefox
  • Internet Explorer
  • Safari
  • Opera

No results message


$('#search-nodata').hideseek({

  nodata: 'No results found'

});
  • The Godfather
  • Schindler's List
  • Raging Bull
  • The Shawshank Redemption
  • Casablanca
  • One Flew Over the Cuckoo's Nest
  • Gone with the Wind
  • Citizen Kane

Navigation


$('#search-navigation').hideseek({

  nodata: 'No results found',

  navigation: true

});
  • ASP.NET
  • Flask
  • CodeIgniter
  • Zend
  • Ruby on Rails
  • AngularJS
  • Django
  • Yii
  • Symfony
  • CakePHP

Custom Events

Custom event "_after"


$('.after_event').hideseek();

$('.after_event').on("_after", function() {

  alert('This alert comes after the search is finished!')

});
  • Russia
  • The Philippines
  • Colombia
  • Dominican Republic
  • Ukraine
  • Thailand
  • India
  • China
  • Brazil
  • Vietnam

Custom event "_after_each"


$('.after_each_event').hideseek();

$('.after_each_event').on("_after_each", function() {

  alert('This alert comes after the procession of each element!')

});
  • House made from Lego’s
  • Gigantic Aircraft Carrier model
  • Enormous replica of A380 Airbus

Use of data attribute to load

The attribute "data-toggle"
  • Bootstrap
  • Fbootstrapp
  • BootMetro
  • Kickstrap
  • Foundation
  • GroundworkCSS
  • Gumby
  • HTML KickStart
  • IVORY
  • Kube