This is a simple example on how we can search the text on a given page using javaScript. This exercise uses the FindString function of the Javacript to match the text in the input box with the text on the page. It does not need any database connections. This code will work in all the browsers.
Here is the JavaScript source code of the findString function used in this example:
<script language="JavaScript">
var TRange=null;
function findString (str) {
if (parseInt(navigator.appVersion)<4) return;
var strFound;
if (window.find) {
// CODE FOR BROWSERS THAT SUPPORT window.find
strFound=self.find(str);
if (!strFound) {
strFound=self.find(str,0,1);
while (self.find(str,0,1)) continue;
}
}
else if (navigator.appName.indexOf("Microsoft")!=-1) {
// EXPLORER-SPECIFIC CODE
if (TRange!=null) {
TRange.collapse(false);
strFound=TRange.findText(str);
if (strFound) TRange.select();
}
if (TRange==null || strFound==0) {
TRange=self.document.body.createTextRange();
strFound=TRange.findText(str);
if (strFound) TRange.select();
}
}
else if (navigator.appName=="Opera") {
alert ("Opera browsers not supported, sorry…")
return;
}
if (!strFound) alert ("String '"+str+"' not found!")
return;
}
//–>
</script>
<iframe id="srchform2" src="javascript:'<html><body style=margin:0px; ><form action=\'javascript:void();\' onSubmit=if(this.t1.value!=\'\')parent.findString(this.t1.value);return(false); ><input type=text id=t1 name=t1 value=text size=20><input type=submit name=b1 value=Find></form></body></html>'"
width=220 height=34 border=0 frameborder=0 scrolling=no>
</iframe>
