Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
</head>
<body>
<div id="searchResults" ></div>
<script type="text/javascript">
/*<![CDATA[*/
function initSearch()
{
document.writeln("<form id=\"searchForm\">");
document.writeln("Haku<br /><input type=\"text\" id=\"searchText\" onkeyup=\"search()\" onfocus=\"showResults()\" onblur=\"setTimeout('hideResults()',250);\" autocomplete=\"off\" />");
document.writeln("<div id=\"searchResults\"></div></form>");
}
var exclude=['tom tom','joe joe'];
//Hakee sivulta löytyvistä linkeistä hakusanaa vastaavia linkkejä. Kirjainkoolla ei ole väliä
function search(){
var obj=document.getElementById("searchResults"),searchStr=document.getElementById("searchText").value.toLowerCase(),found="",link,ok,txt,z0,i=0;
obj.innerHTML=" ";
if(searchStr!="") {
//Käydään sivulta löytyvät linkit läpi
for(;i<document.links.length;i++){
link=document.links[i];
ok=true;
txt=link.innerHTML.toLowerCase();
for (z0=0;z0<exclude.length;z0++){
if(txt==exclude[z0].toLowerCase() && link.firstChild.nodeType==3){
ok=false;
}
}
//Lisätään löydettyihin jos vastaava löytyy, kyseessä on a-tagi ja sisältää vain tekstiä
if(ok&&txt.indexOf(searchStr)!=-1 && link.firstChild.nodeType==3){
found+="<a href=\""+link.href+"\" target=\"_blank\">"+link.innerHTML+"</a>";
}
}
if(found.length>0){
obj.innerHTML=found;
showResults();
}
else {
hideResults();
}
}
}
function hideResults(){
document.getElementById("searchResults").style.visibility="hidden";
}
function showResults(){
document.getElementById("searchResults").style.visibility="visible";
}
initSearch();
/*]]>*/
</script>
<a href="#">**** ****</a>
<a href="#">tom tom</a>
<a href="#">joe joe</a>
</body>
</html>
Bookmarks