Highlight the search keyword

[Soumya Manjunath]

Guys,

I'm developing a Search functionality in a page where in I need to highlight the search keyword criteria.
Could somebody please explain me how to achieve this/point me to good examples.

[Bear Bibeault]

Apply CSS styles to the highlighted text.

[William Brogden]

Are you asking about how to highlight (display style) or how to locate the words in the text in the first place (parsing) in order to apply the style.

Bill

[Soumya Manjunath]

Thanks for the reply Guys.

Yes Bill, I would like to know how to locate the words in the text and then how to highlight them.

[Sean Clark]

Hey,

I was thinking about doing the same thing, although I haven't got round to implementing it. I would use a Regular Expression to find the work you are searching for capture it and replace with the same text surrounded by some kind of css class: e.g.

// text is
<p>Welcome home Sean</p>
// search is sean so Sean is replaced (can be done with javascript regex, maybe at server side too?)
<p>Welcome home <span class="highlight">Sean</span></p>

Then add some style to highlight.

Sean

[Soumya Manjunath]

Thanks.Let me try that!