»
Tiếng AnhTiếng PhápTiếng Việt

In - Tô màu từ khóa tìm kiếm - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Ứng dụng » Tìm kiếm » Tô màu từ khóa tìm kiếm
URL: https://www.javascriptbank.com/searchhi.html

Tô màu từ khóa tìm kiếm © JavaScriptBank.comHiệu ứng sẽ tự động tìm và tô màu các từ khóa tìm kiếm cho trang web của bạn, nếu bạn thiết lập thuộc tính class=searchword cho các từ khóa trong quá trình tìm kiếm.Lưu ý: công cụ này chỉ hỗ trợ nếu bạn xây dựng bộ tìm kiếm bên trong trang web (bằng các ngôn ngữ lập trình phía server như: ASP, PHP, JSP,...)

Phiên bản đầy đủ: jsB@nk » Ứng dụng » Tìm kiếm » Tô màu từ khóa tìm kiếm
URL: https://www.javascriptbank.com/searchhi.html



CSS
<style type="text/css">.searchword{  background-color: #FFF79F;}</style><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<script language="javascript">/* This script and many more are available free online atThe JavaScript Source :: http://javascript.internet.comCreated by: Stuart Langridge :: http://www.kryogenix.org/ */// Licenced under the MIT licencefunction highlightWord(node,word) {  // Iterate into this nodes childNodes  if (node.hasChildNodes) {    var hi_cn;    for (hi_cn=0;hi_cn<node.childNodes.length;hi_cn++) {      highlightWord(node.childNodes[hi_cn],word);    }  }  // And do this node itself  if (node.nodeType == 3) { // text node    tempNodeVal = node.nodeValue.toLowerCase();    tempWordVal = word.toLowerCase();    if (tempNodeVal.indexOf(tempWordVal) != -1) {      pn = node.parentNode;      if (pn.className != "searchword") {        // word has not already been highlighted!        nv = node.nodeValue;        ni = tempNodeVal.indexOf(tempWordVal);        // Create a load of replacement nodes        before = document.createTextNode(nv.substr(0,ni));        docWordVal = nv.substr(ni,word.length);        after = document.createTextNode(nv.substr(ni+word.length));        hiwordtext = document.createTextNode(docWordVal);        hiword = document.createElement("span");        hiword.className = "searchword";        hiword.appendChild(hiwordtext);        pn.insertBefore(before,node);        pn.insertBefore(hiword,node);        pn.insertBefore(after,node);        pn.removeChild(node);      }    }  }}function googleSearchHighlight() {  if (!document.createElement) return;  ref = document.referrer;  if (ref.indexOf('?') == -1) return;  qs = ref.substr(ref.indexOf('?')+1);  qsa = qs.split('&');  for (i=0;i<qsa.length;i++) {    qsip = qsa[i].split('=');    if (qsip.length == 1) continue;    if (qsip[0] == 'q' || qsip[0] == 'p') { // q= for Google, p= for Yahoo      words = unescape(qsip[1].replace(/\+/g,' ')).split(/\s+/);      for (w=0;w<words.length;w++) {         highlightWord(document.getElementsByTagName("body")[0],words[w]);      }    }  }}window.onload = googleSearchHighlight;</script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<b>Your <span class=searchword>keyword</span> here</b><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->