jquery on page search

I am looking for a script which works like cPanel…

That is you type a query in the search box and according to a content in an html attribute, it ends up hiding the irrelevant items.

I searched the site and cannot find anything like it. Doesn’t have to be jquery… any library but it must utilise the page content… not search a database or array list and dynamic generate the content on the page.

Example…

<div class="item" title="apple"> actual content</div>
<div class="item" title="apps"> actual content</div>
<div class="item" title="pear"> actual content</div>

If I type in “apple” only the top item will be visible… as I type “ap” or “app” the pear item disappears, as soon as I get to typing “appl” both the pear item and apps item wont be visible.

Of course, you are free to implement it how you like… the title attribute was used to make example smaller but you can decide of any tag and attribute to store it in.

If you’re looking for a developer to code this, I’ll be more than happy to help. Just drop me an email at vasilios[AT]duove.com.

If those are your only requirements, I don’t think you need a full blown plugin. See here: http://jsfiddle.net/JzVAe/

23andwalnut… thats is perfect. many thanks.

I will purchase one of your items as a thank you… and because its also something i am looking for.