2011/04/25

local search at html page

如果想幫個網站的一版做search function
以下的code 係好幫
一search 就會highlight 所有keyword

我用左jquery~
function highlightKeyword(){
var keyword = $('#keyword').attr('value');
keyword='('+keyword+')';

var patt=new RegExp(keyword,'gi');

var oriHTML = $('#body').html();

// 用regular expression 去replace keyword 的style
var newHTML=oriHTML.replace(patt, '<span style="color:#000000; background-color:yellow; font-weight:bold;">$1</span>');

$('#body').html(newHTML);
}

沒有留言:

發佈留言