WebAppers

/ best free open source web resources /

Shopify

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
  • http://www.krop.com/gustavs/ Gustavs

    Interesting, but not very useful.

  • http://www.applejuice.it applejuice

    good!!!! perfect for me

  • http://www.websitementors.com Louisville Website Design

    I agree unique! Not so practical but neat.

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons