Support Forums

Full Version: [javascript] Find In Page
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Credits and Source: http://jsmadeeasy.com/

Name: Find In Page
Description: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.
Snippet:
Insert into <HEAD>
Code:
<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 -->
<!-- The JavaScript Source!! http://javascript.internet.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 into <BODY>

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

Thats it, Keep always be happyRolleyes