Html Codes : Search box to find texts on the pages

Html Code: Search box to find texts on the pages

Next Code

This Code gives you a text box and if the user wants to search for anything they just need to put their keywords in the box and this code immediately finds the keyword that the user is looking for

<SCRIPT language=JavaScript> var NS4 = (document.layers); var IE4 = (document.all); var win = window; 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("Not found."); } 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("Sorry, we couldn't find.Try again"); } } return false; } </SCRIPT> <FORM name=search onsubmit="return findInPage(this.string.value);"> <P align=center><FONT size=3> <INPUT style="BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid" onchange="n = 0;" size=16 name=string></FONT><BR><INPUT style="BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #aaaaaa" type=submit value=Search in page ><center><font size=2pt;><font family=Times New Roman;><b> <font face="Tahoma"><a target="_blank" href="http://www.htmlfreecodes.com/"><span style="font-size: 8pt; text-decoration: none">HTML Free Code</span></a></font>

If you don't know how to use this code or need more information Click here!

Compatible browsers:

Go to Homepage

counter

maxlipman@ Posted on 26 February, 2010 - 02:19 PM 1

great!

counter

paingsoeth Posted on 26 February, 2010 - 02:19 PM 2

Thanks a lot and I will not use these codes in any business directly!!

counter

rupesh Posted on 26 February, 2010 - 02:19 PM 3

so great!!!

counter

grattan Posted on 26 February, 2010 - 02:19 PM 4

it works only on the last word of the file. if their are two same words then it find only the last word.plz check it and remove this error

counter

pieman123 Posted on 26 February, 2010 - 02:19 PM 5

THankyou soooo very much that helped a lot! THANKYOU! good HTML code

counter

khurrami41 Posted on 26 February, 2010 - 02:19 PM 6

plz tell me the procedure that how to upload files in this search box...Plz any body tell me.. i will be the very thankful to you... thankyou.

counter

lateef Posted on 26 February, 2010 - 02:19 PM 7

HAYE CAN U PLEASE LET ME KNOW HOW TO USE THIS I CANT UPLODE THIS FILES I DING TOI HAVE ALL THIS I LOVE TO HAVE YOUR HELP U CAN SHARE MY EMAIL TOO IF SOMTHING IS GOOD PLZ LAT ME KNOW IT IS LATEEF_ARSHAD24@YAHOO.COM PLZ FRENDS LET ME KNOW IT
THAX REGERDS,
LATEEF

counter

shaista Posted on 26 February, 2010 - 02:19 PM 8

thanks so much for ur precious code

counter

dineshsjce Posted on 26 February, 2010 - 02:19 PM 9

Cool.Thanks

http://top-answers.net/webdesign/html-onclick-expansion-javascript.html

counter

clive Posted on 26 February, 2010 - 02:19 PM 10

Thanks for letting me try the search code. But the search program only finds text on the page containing the search box. I was hoping to only one Search page containing the search box that would search all pages of the website. Also, it doesn't work on the FF 9.0.1 browser.

Html Best Codes

Html Code: Search box to find texts on the pages

You can leave comments once you sign in/up.

Review

Links

Visitor

Find Us

Link Us