How do I highlight terms on my page like Google? — OZONE Asylum, home of the Mad Scientists

FAQ

How do I highlight terms on my page like Google?

This page's ID: 5672

You are editing "How do I highlight terms on my page like Google?"

Who can edit an FAQ?	Anyone registered may edit an FAQ.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	There are client-side and server-side techniques for this (see the following resources). Pugzly has thrown in a quick solution: [quote]Here's how I do it in PHP: [code] if (isset($highlight)){ $highlight = urldecode($highlight); $body = preg_replace("'$highlight'i","<span class="highlight">\0</span>",$body); } [/code] $highlight is grabbed from the URL, urldecoded (strips the "+"), then uses a css class called highlight to actually do the highlighting. An example can be seen at [URL=http://www.macombsheriff.com/articles/537/highlight/Pat+Richard]http://www.macombsheriff.com/articles/537/highlight/Pat+Richard[/URL] [/quote] A quick explanation: 1. urldecode will change something like: Pat+Richard into: Pat Richard 2. The regular expresion will replace incidences of the word or phrase with the word or phrase wrapped in span tags which will allow you to colour the text. So: Pat Richard becomes: <span class="highlight">Pat Richard</span> 3. This is a simple example to get you going and you can expand it by separating out the words (using explode() for example) and running them all through the highlighting script. -------------------------- Relevant threads: [url=http://www.ozoneasylum.com/Forum1/HTML/007226.html]Look what I did![/url] - Slime's announcement of his JavaScript solution. [url=http://www.ozoneasylum.com/Forum2/HTML/002140.html]How does Google highlight the search terms?[/url] - includes Pugzly's simple PHP solution. -------------------------- Relevant links: [url=http://www.textism.com/tools/google_hilite/]Google Hilite[/url] - a script to capture Google's text highlighting commands and use your own. ___________________ [internallink=4626]Emperor[/internallink] [small][i](Added by: [url=http://www.ozoneasylum.com/cgi-bin/ubbmisc.cgi?action=getbio&UserName=Emperor]Emperor [/url] on Sun 11-May-2003)[/i][/small] [small][i](Edited by: [url=http://www.ozoneasylum.com/cgi-bin/ubbmisc.cgi?action=getbio&UserName=Emperor]Emperor [/url] on Mon 28-Jul-2003)[/i][/small] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu