HideSeek
A simple, yet customizable live search jQuery plugin
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
});
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