Home » Webmaster Tools and Resources » Software & Scripts » JavaScript » Alert Script » [*TITLE HERE*]

Find In Page Script

Allow your visitors to perform the same find in page search that Netscape and Internet Explorer browsers can perform on a page. They just enter a search term and hit enter. If the term is found on the page it is highlighted.

Sample:

Insert this code before </head>

<SCRIPT LANGUAGE="JavaScript">
<!-- Original:  Mike Hall (MHall75819@aol.com) -->
<!-- Web Site:  http://members.aol.com/MHall75819 -->

<!-- This script and many more are available free online at -->
<!-- Webmaster Resources at http://www.road2webmaster.com -->

<!-- Begin
var NS4 = (document.layers);
var IE4 = (document.all);

var win = this;
var n   = 0;

function findInPage(str) {
var txt, i, found;
if (str == "")
return false;
if (NS4) {
if (!win.find(str))
while(win.find(str, false, true))
n++;
else
n++;
if (n == 0) alert(str + " was not found on this page.");
}
if (IE4) {
txt = win.document.body.createTextRange();
for (i = 0; i <= n && (found = txt.findText(str)) != false; i++) {
txt.moveStart("character", 1);
txt.moveEnd("textedit");
}
if (found) {
txt.moveStart("character", -1);
txt.findText(str);
txt.select();
txt.scrollIntoView();
n++;
}
else {
if (n > 0) {
n = 0;
findInPage(str);
}
else
alert(str + " was not found on this page.");
}
}
return false;
}
//  End -->
</script>

Insert this code before </body>

<form name=search onSubmit="return findInPage(this.string.value);">
Find in Page
<input name=string type=text size=15 onChange="n = 0;">
</form>

Modify the table style to fit you website.

Related Resources: