En første gennemskrivning, som sikkert kan sexes lidt op, men du må tage den, som den er:
<script type="text/javascript">
var oHighLight = document.createElement("strong");
oHighLight.style.background = "#ffff00";
oHighLight.style.padding = "0 4px";
oHighLight.style.border = "1px solid #ffcc00";
oHighLight.appendChild( document.createTextNode("\u00a0") );
var oFind = {w:"", n:1};
var nFound = 0;
function highlightWord(oCont) {
if (oHighLight.parentNode && oHighLight.parentNode.nodeType==1) return;
var oNode, sVal, aCh = oCont.childNodes,
oRx = new RegExp("(.*?)\\b("+oFind.w+")\\b(.*?)$", "");
for (var i=0,j=aCh.length; i<j; i++) {
oNode = aCh[i];
if (oNode.nodeType==1) {
if (oNode.getAttribute("id")=="searchCont") continue;
highlightWord(oNode);
}
else if (oNode.nodeType==3) {
sVal = oNode.nodeValue;
if (oRx.test(sVal)) {
if (++nFound<oFind.n) continue;
oCont.insertBefore( document.createTextNode(RegExp.$1), oNode );
oHighLight.firstChild.nodeValue = RegExp.$2;
oCont.insertBefore( oHighLight, oNode );
oNode.nodeValue = RegExp.$3;
return;
}
}
}
}
function searchDocument(vBox) {
var sVal = (typeof vBox=="string"?document.getElementById(vBox):vBox).value,
oMsg = document.getElementById("noMoreMsg");
sVal = sVal.replace(/^\s*(.+?)\s*$/, "$1");
if (sVal=="") return;
if (oHighLight.parentNode && oHighLight.parentNode.nodeType==1) {
oHighLight.parentNode.replaceChild( document.createTextNode(oHighLight.firstChild.nodeValue), oHighLight);
}
if (oFind.w!=sVal) oFind = {w:sVal, n:1};
else oFind.n++;
nFound = 0;
oMsg.style.display = "none";
highlightWord(document.getElementsByTagName("body")[0]);
if (!oHighLight.parentNode || oHighLight.parentNode.nodeType!=1) {
oMsg.style.display = "inline";
oFind.w = "";
}
}
</script>
<p id="searchCont"><input id="searchBox" type="text" onkeyup="if(event.keyCode==13)searchDocument(this)">
<button onclick="searchDocument('searchBox')">Søg på siden</button>
<b id="noMoreMsg" style="display:none">Der kan ikke findes flere</b></p>
