WebAppers

/ best free open source web resources /

Graphic Resources

Create a Search & Highlight Plugin with MooTools

Posted · Category: Information, License Free

Searching within the page is a major browser functionality, but what if we could code a search box in Javascript that would do the same thing? David Walsh has shown us how to create a Search & Highlight Plugin with MooTools.

However, this is not perfect at the moment. One glaring issue is that if you search for a word, then unhighlight the word, and then look for that word with the next word (“Lorem” => “Lorem ipsum”), the searcher doesn’t find the second word due to the way the nodes are in place.

Search highlight

Requirements: MooTools Framework
Demo: http://davidwalsh.name/dw-content/mootools-highlight.php
License: License Free

3 Comments
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons