A nice jquery filter for divs
lmajano/jquery-ui-divfilter
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
This is a cool utility to filter out div's from an input filter. Modified by Luis Majano July 2009 Copyright (c) 2009 Luis Majano Licenses are according to MIT and GPL licenses see below: JS on Load: $(document).ready(function() { $("##productFilter").keyup(function(){ $.uiDivFilter( $(".ProductCollectionTab"), this.value, divIsHidden ) }) }) //Callback when items are hidden function divIsHidden(elem){ var words = elem.attr("id").split("_"); var id = words[1]; if( id ){ var pvtab = $("##pvtab_"+id); pvtab.hide(); } } Input Declaration For Filter <input size="40" type="text" name="productFilter" id="productFilter" /> Divs: <div id="ptab_#productID#" class="ProductCollectionTab<cfif currentrow mod 2 eq 0> even</cfif>"> <!--- Collection Name ---> <span><img src="includes/images/organization.png" border="0" align="top" alt="#name#" /> #name#</span> </div> * Original Creator: * Copyright (c) 2008 Greg Weber greg at gregweber.info * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html * * documentation at http://gregweber.info/projects/uitablefilter * * allows divs to be filtered (made invisible) * <code> * divs = $('.class') or any multi-div selector * $.uiDivFilter( divs, phrase, hiddenCallBack, shownCallBack ) * </code> * arguments: * jQuery object with all divs selectors * phrase to search for * hidden call back function that receives the element that got hidden * shown call back function that receives the element that got showned */
About
A nice jquery filter for divs
Resources
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published