Search hilite
One of the greatest features of Google toolbar is the highlighting of search terms. However most users don't know about Google toolbar or can't install it due to technical "limitations", such as when using browsers other that IE or Firefox :) I thought it would be a nice idea to highlight search terms on my site without having to install additional tools.
Fortunately there are some great plugins for WordPress as well as for ExpressionEngine that parse the HTTP header information and wrap spans with a certain class name around the respective words. I’m sure that similar plugins are also available for other CMS. So if you know some recommendable plugin, please post them in the comments section.
In my case I used the Search Highlighter plugin by Paul Burdick that highlights search terms for incoming searches from A9, Dogpile, Google, Lycos, Yahoo and… ExpressionsEngine. Yes it also works when using my own search engine. Nice :) Anyway just grab the plugin of your choice, configure it - and you’re basically done.
Scriptaculous Highlight
However I thought it would be even nicer to additionally highlight search terms using the “Highlight” effect of Scriptaculous’ effects library. So I made up a simple, Prototype based JavaScript class that applies the “Highlight” effect to all elements with a certain CSS class. I guess this will be appropriate in most cases. However feel free to tune, expand, modify and of course reuse it.
Well I guess I’ve tantalized you long enough - if you wanna check out the functionality just switch to Google, enter for example aqua style and click the link to my Aqua style tutorial. Btw make sure that you turn off ExpressionEngine’s cache functionality for the pages you wanna “enhance” with the highlight functionality - otherwise it won’t work :)

