When someone types anything in it then a set area on your page becomes responsive and only displays part of that area which contains the word or string typed by the user.
Best jQuery Filter Plugins & Tutorials with Demo
Make a Google Powered Shopping Search Website with jQuery & PHP
In this tutorial, we will be making a simple product search engine. Using jQuery and PHP, we will tap into Google’s Shopping Search API and return a list of items available for purchase, along with prices, photos and other useful information. The Shopping Search API gives us direct access to Google’s large database of products and prices, obtained from partnering online stores. Another benefit to using this service, is that products are automatically ranked and filtered for us behind the scenes to better match with the user’s search query.
jQuery TickBack : Plugin to animate the filtering of a list
A jQuery plugin to animate the filtering of a list.A proper jQuery version (1.8+), jQuery Transit (currently an unofficial unmerged fork with proper browser support). Also: the items in the list shoudl have the same dimensions. You specify on initial load of the plugin a callback function, which is used to determine if an element on the list should be filtered out.
jLocator : jQuery Store Locator
jLocator is a jQuery store locator plugin uses Google Maps API V3 and enables searching, sorting, filtering and pagination for your stores. No database required.
Features:
- No database required
- Google API V3 , no key required
- All stores are declared in HTML ,
stores HTML structure is flexible and can be changed easily. - Any additional info can be added to a store.
- Map pin can be replaced by any image/icon
- User location detection (geolocation)
- Search stores by address, city or postal code.
- Sort stores by title or any other property.
- Stores auto pagination
- Can be added several kinds on filters:
checkbox filters, dropdown filters and textbox search - Fully customizable styles
- Works in all major browsers
SlickGrid : A lightning fast jQuery grid/spreadsheet
SlickGrid is a JavaScript grid/spreadsheet component.
It is an advanced component and is going to be a bit more difficult to learn and configure, but once you realize its full potential, it will blow your mind!
Some highlights:
- Adaptive virtual scrolling (handle hundreds of thousands of rows with extreme responsiveness)
- Extremely fast rendering speed
- Supports jQuery UI Themes
- Background post-rendering for richer cells
- Configurable & customizable
- Full keyboard navigation
- Column resize/reorder/show/hide
- Column autosizing & force-fit
- Pluggable cell formatters & editors
- Support for editing and creating new rows.
- Grouping, filtering, custom aggregators, and more!
- Advanced detached & multi-field editors with undo/redo support.
- “GlobalEditorLock” to manage concurrent edits in cases where multiple Views on a page can edit the same data.
jQuery Searchable Map Template with Google Fusion Tables
You want to put your data on a searchable, filterable map. This is a free, open source tool to help you do it.
Features :
- clean, full screen layout
- new mobile and tablet friendly using responsive design
- address search (with variable radius)
- geolocation (find me!)
- new RESTful URLs for sharing searches
- results count (using Google’s Fusion Tables API)
- ability to easily add additional search filters (checkboxes, sliders, etc)
- all done with HTML, CSS and Javascript – no server side code required
GridNic : lightning fast JavaScript grid/spreadsheet
SlickGrid is a JavaScript grid/spreadsheet component.It is an advanced component and is going to be a bit more difficult to learn and configure, but once you realize its full potential, it will blow your mind!
Some highlights:
- Adaptive virtual scrolling (handle hundreds of thousands of rows with extreme responsiveness)
- Extremely fast rendering speed
- Supports jQuery UI Themes
- Background post-rendering for richer cells
- Configurable & customizable
- Full keyboard navigation
- Column resize/reorder/show/hide
- Column autosizing & force-fit
- Pluggable cell formatters & editors
- Support for editing and creating new rows.
- Grouping, filtering, custom aggregators, and more!
- Advanced detached & multi-field editors with undo/redo support.
- “GlobalEditorLock” to manage concurrent edits in cases where multiple Views on a page can edit the same data.
jQuery Sort and Order Portfolio Plugin
jQuery Sort and Order Portfolio Plugin has a following features :
- Extendable filter and order buttons.
- Customize CSS3 driven animation, graceful degradation.
- About 30 kinds animation transition style, different in easeIn and easeOut.
- Optional reverse order, you can set the order button support it or not.
