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
Hiệ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
<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--><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--><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-->