bahattab
05-03-2008, 01:48 AM
Handy Tip : Giving your visitor the ability to search your site is a good addition to all web pages and helps your visitor cut down time sifting through the content to find what they want.
Search Page Javascript
This easy to install search page script places a "search this page" function on your webpage.
The search this page javascript is very useful if you have a large page of text or products, which will make it much easier for your visitor to find exactly what they are looking for.
When a word or phrase is searched, the search page script will highlight the first found match. Clicking on the find button again will highlight the next match and so on. A search word not found will activate an alert box. Try it out above, I'm sure you will like what you see.
There is nothing at all that you have to change within the search page script.
STEP 1
Copy and paste the code below within the <head> of your html document.
<script language="JavaScript">
<!-- Original by http://javascript.internet.com More javascripts http://www.hypergurl.com -->
var NS4 = (document.layers);
// Which browser?
var IE4 = (document.all);
var win = window;
// window to search.
var n = 0;
function findInPage(str) {
var txt, i, found;
if (str == "") return false;
// Find next occurance of the given string on the page, wrap around to the
// start of the page if necessary.
if (NS4) {
// Look for match starting at the current point. If not found, rewind
// back to the first match.
if (!win.find(str)) while(win.find(str, false, true))
n++;
else n++;
// If not found in either direction, give message.
if (n == 0) alert("Not found."); }
if (IE4) { txt = win.document.body.createTextRange();
// Find the nth match from the top of the page.
for (i = 0; i <= n && (found = txt.findText(str)) != false; i++)
{
txt.moveStart("character", 1);
txt.moveEnd("textedit");
}
// If found, mark it and scroll it into view.
if (found)
{
txt.moveStart("character", -1);
txt.findText(str);
txt.select();
txt.scrollIntoView();
n++;
}
// Otherwise, start over at the top of the page and find first match.
else
{
if (n > 0)
{
n = 0; findInPage(str);
}
// Not found anywhere, give message.
else alert("Not found.");
}
}
return false;
}
</script>
STEP 2
Copy and paste the code below into your html document where you want the find box to appear on your webpage.
<form name="search" onSubmit="return findInPage(this.string.value);">
<div align="center">
<p>
<font size=3>
<input name="string" type="text" size=15 onChange="n = 0;">
</font>
<input type="submit" value="Search Page">
</p>
</div>
</form>
http://www.hypergurl.com/searchpage.html
Search Page Javascript
This easy to install search page script places a "search this page" function on your webpage.
The search this page javascript is very useful if you have a large page of text or products, which will make it much easier for your visitor to find exactly what they are looking for.
When a word or phrase is searched, the search page script will highlight the first found match. Clicking on the find button again will highlight the next match and so on. A search word not found will activate an alert box. Try it out above, I'm sure you will like what you see.
There is nothing at all that you have to change within the search page script.
STEP 1
Copy and paste the code below within the <head> of your html document.
<script language="JavaScript">
<!-- Original by http://javascript.internet.com More javascripts http://www.hypergurl.com -->
var NS4 = (document.layers);
// Which browser?
var IE4 = (document.all);
var win = window;
// window to search.
var n = 0;
function findInPage(str) {
var txt, i, found;
if (str == "") return false;
// Find next occurance of the given string on the page, wrap around to the
// start of the page if necessary.
if (NS4) {
// Look for match starting at the current point. If not found, rewind
// back to the first match.
if (!win.find(str)) while(win.find(str, false, true))
n++;
else n++;
// If not found in either direction, give message.
if (n == 0) alert("Not found."); }
if (IE4) { txt = win.document.body.createTextRange();
// Find the nth match from the top of the page.
for (i = 0; i <= n && (found = txt.findText(str)) != false; i++)
{
txt.moveStart("character", 1);
txt.moveEnd("textedit");
}
// If found, mark it and scroll it into view.
if (found)
{
txt.moveStart("character", -1);
txt.findText(str);
txt.select();
txt.scrollIntoView();
n++;
}
// Otherwise, start over at the top of the page and find first match.
else
{
if (n > 0)
{
n = 0; findInPage(str);
}
// Not found anywhere, give message.
else alert("Not found.");
}
}
return false;
}
</script>
STEP 2
Copy and paste the code below into your html document where you want the find box to appear on your webpage.
<form name="search" onSubmit="return findInPage(this.string.value);">
<div align="center">
<p>
<font size=3>
<input name="string" type="text" size=15 onChange="n = 0;">
</font>
<input type="submit" value="Search Page">
</p>
</div>
</form>
http://www.hypergurl.com/searchpage.html