Try the bellow script it will help you
<SPAN lang=EN>
<P><script type="text/javascript" language="JavaScript" </P>
<P>src="find.js"></P>
<P></script></P>
<P><input type="button" value="Find on this page..." </P>
<P>onclick="show();"></P>
<P></P>
<P>var window_background = "white"; // the color of the pop-up window</P>
<P>var window_border = "blue"; // the border color of pop-up window</P>
<P>var text_color = "black"; // the color of the text in window</P>
<P>var title_color = "white"; // color of window title text</P>
<P>var window_width = 200; // width of window</P>
<P>var window_height = 150; // height of window</P>
<P>var mozilla_opt = 1; // change to 0 to use Netscape and Firefox built-in
search window</P>
<P>var start_at = 0; // Change to which character you want to start with on the
page if IE gives an error because of searching in menus</P>
<P>var ie = (document.all)</P>
<P>if (window.find)</P>
<P>var nav = 1; // to detect if netscape or firefox</P>
<P>else </P>
<P>var nav = 0;</P>
<P>var t = 0; // used for timer to move window in IE when scrolling</P>
<P>var sel; // Selection object needed for Firefox</P>
<P>var range; // range object needed for Firefox</P>
<P>if (!ie) </P>
<P>{</P>
<P>document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE |
Event.MOUSEUP);</P>
<P>}</P>
<P>document.onmousedown = MouseDown;</P>
<P>document.onmousemove = MouseMove;</P>
<P>document.onmouseup = MouseUp;</P>
<P>// Temporary variables to hold mouse x-y pos's</P>
<P>var mousex = 0;</P>
<P>var mousey = 0;</P>
<P>if (ie)</P>
<P>{</P>
<P>var txt = document.body.createTextRange();</P>
<P>var bookmark = new Array();</P>
<P>}</P>
<P>var finds = 0;</P>
<P>function findit() </P>
<P>{</P>
<P>var string = document.getElementById('fwtext').value;</P>
<P>findwindow.style.visibility = 'hidden';</P>
<P>if (ie)</P>
<P>{</P>
<P>bookmark[finds] = txt.getBookmark();</P>
<P>if (string) // only call findText if there is a string or IE will have
error</P>
<P>if (txt.findText(string)) // if found</P>
<P>{ </P>
<P>txt.select();</P>
<P>txt.scrollIntoView();</P>
<P>txt.collapse(false);</P>
<P>test.innerHTML = "Found";</P>
<P>}</P>
<P>else</P>
<P>{</P>
<P>test.innerHTML = "Not found";</P>
<P>finds--;</P>
<P>}</P>
<P>}</P>
<P>else // Netscape or firefox</P>
<P>{</P>
<P>if (finds > 0)</P>
<P>{</P>
<P>sel = window.getSelection(); // get selection</P>
<P>if(sel.rangeCount > 0) sel.removeAllRanges();</P>
<P>sel.addRange(range); </P>
<P>} </P>
<P>if (string != "") </P>
<P>test.innerHTML = window.find(string, false, false);</P>
<P>sel = window.getSelection(); // get selection</P>
<P>range = sel.getRangeAt(0); // get object</P>
<P>}</P>
<P>finds++;</P>
<P>findwindow.style.visibility = 'visible'; </P>
<P></P>
<P>} // end function findit()</P>
<P> </P>
<P>// This function is to find backwards by pressing the Prev button</P>
<P>function findprev()</P>
<P>{</P>
<P>var string = document.getElementById('fwtext').value;</P>
<P>findwindow.style.visibility = 'hidden';</P>
<P>if (ie)</P>
<P>{</P>
<P>if (finds < 2)</P>
<P>{</P>
<P>findwindow.style.visibility = 'visible';</P>
<P>return; </P>
<P>}</P>
<P>finds = finds - 2; // I don't know why I have to go back 2</P>
<P>txt.moveToBookmark(bookmark[finds]);</P>
<P>findit();</P>
<P>}</P>
<P>else // if netscape or firefox</P>
<P>{</P>
<P>if (finds > 0)</P>
<P>{</P>
<P>sel = window.getSelection(); // get selection</P>
<P>if(sel.rangeCount > 0) sel.removeAllRanges();</P>
<P>sel.addRange(range); </P>
<P>}</P>
<P>if (string != "")</P>
<P>test.innerHTML = window.find(string, false, true); </P>
<P>sel = window.getSelection(); // get selection</P>
<P>range = sel.getRangeAt(0); // get object</P>
<P>}</P>
<P></P>
<P>findwindow.style.visibility = 'visible';</P>
<P></P>
<P>} // end findprev()</P>
<P>function checkkey(e)</P>
<P>{ </P>
<P>var keycode;</P>
<P>if (window.event) // if ie</P>
<P>keycode = window.event.keyCode;</P>
<P>else // if Firefox or Netscape</P>
<P>keycode = e.which;</P>
<P>if (keycode == 13) // if ENTER key</P>
<P>{ </P>
<P>if (ie)</P>
<P>document.getElementById('btn').focus();</P>
<P>findit(); // call findit() function (like pressing NEXT) </P>
<P>}</P>
<P>} // end function checkkey()</P>
<P>function show()</P>
<P>{</P>
<P>if (ie || mozilla_opt == 1)</P>
<P>{</P>
<P>var textbox = document.getElementById('fwtext');</P>
<P>findwindow.style.visibility = 'visible';</P>
<P>textbox.focus();</P>
<P>t = setInterval('move_window();', 500); </P>
<P>document.onkeydown = checkkey;</P>
<P>}</P>
<P>else // if netscape or firefox</P>
<P>window.find();</P>
<P>} // end function show()</P>
<P>function hide()</P>
<P>{</P>
<P>findwindow.style.visibility = 'hidden';</P>
<P>clearTimeout(t);</P>
<P>document.onkeydown = null;</P>
<P>} // end function hide()</P>
<P>function resettext()</P>
<P>{</P>
<P>if (ie)</P>
<P>{</P>
<P>txt = document.body.createTextRange();</P>
<P>txt.moveStart("character", start_at);</P>
<P>}</P>
<P>finds = 0;</P>
<P>} // end function reset()</P>
<P>function move_window()</P>
<P>{</P>
<P>fwtop = parseFloat(findwindow.style.top);</P>
<P>fwleft = parseFloat(findwindow.style.left);</P>
<P>fwheight = parseFloat(findwindow.style.height);</P>
<P>if (document.documentElement.scrollTop) // Needed if you use doctype
loose.htm</P>
<P>current_top = document.documentElement.scrollTop;</P>
<P>else </P>
<P>current_top = document.body.scrollTop;</P>
<P>if (document.documentElement.clientHeight)</P>
<P>{</P>
<P>if (document.documentElement.clientHeight >
document.body.clientHeight)</P>
<P>current_bottom = document.body.clientHeight + current_top;</P>
<P>else</P>
<P>current_bottom = document.documentElement.clientHeight + current_top;</P>
<P>}</P>
<P>else</P>
<P>current_bottom = document.body.clientHeight + current_top;</P>
<P>if (document.documentElement.scrollLeft) // Needed if you use doctype
loose.htm</P>
<P>current_left = document.documentElement.scrollLeft;</P>
<P>else </P>
<P>current_left = document.body.scrollLeft;</P>
<P>if (document.documentElement.clientWidth)</P>
<P>{</P>
<P>if (document.documentElement.clientWidth > document.body.clientWidth)</P>
<P>current_right = document.body.clientWidth + current_left;</P>
<P>else</P>
<P>current_right = document.documentElement.clientWidth + current_left;</P>
<P>}</P>
<P>else</P>
<P>current_right = document.body.clientWidth + current_left;</P>
<P>if (fwtop < current_top)</P>
<P>{ </P>
<P>findwindow.style.top = current_top + 'px'; </P>
<P>}</P>
<P>else if (fwtop > current_bottom - fwheight)</P>
<P>{</P>
<P>findwindow.style.top = current_bottom - fwheight + 'px'; </P>
<P>}</P>
<P>if (fwleft < current_left ||</P>
<P>fwleft > current_right)</P>
<P>{</P>
<P>findwindow.style.left = current_left + 'px';</P>
<P>}</P>
<P>} // end function move_window()</P>
<P> </P>
<P>function MouseDown(e) </P>
<P>{</P>
<P>if (over == 1)</P>
<P>DivID = 'findwindow';</P>
<P></P>
<P>if (over)</P>
<P>{ </P>
<P>if (ie) </P>
<P>{</P>
<P>objDiv = document.getElementById(DivID);</P>
<P>objDiv = objDiv.style;</P>
<P>mousex=event.offsetX;</P>
<P>mousey=event.offsetY;</P>
<P>}</P>
<P>else // if Mozilla or Netscape </P>
<P>{</P>
<P>objDiv = document.getElementById(DivID);</P>
<P>mousex=e.layerX;</P>
<P>mousey=e.layerY;</P>
<P>return false;</P>
<P>}</P>
<P>}</P>
<P>}</P>
<P>function MouseMove(e) </P>
<P>{</P>
<P></P>
<P>if (document.documentElement.scrollTop) // Needed if you use doctype
loose.htm</P>
<P>current_top = document.documentElement.scrollTop;</P>
<P>else </P>
<P>current_top = document.body.scrollTop;</P>
<P>if (document.documentElement.scrollLeft) // Needed if you use doctype
loose.htm</P>
<P>current_top = document.documentElement.scrollLeft;</P>
<P>else </P>
<P>current_left = document.body.scrollLeft;</P>
<P></P>
<P></P>
<P>if (objDiv) </P>
<P>{</P>
<P>if (ie) </P>
<P>{</P>
<P>objDiv.pixelLeft = event.clientX-mousex + current_left;</P>
<P>objDiv.pixelTop = event.clientY-mousey + current_top;</P>
<P>return false;</P>
<P>}</P>
<P>else // if Mozilla or Netscape</P>
<P>{</P>
<P>objDiv.style.left = (e.pageX-mousex) + 'px';</P>
<P>objDiv.style.top = (e.pageY-mousey) + 'px';</P>
<P>return false;</P>
<P>}</P>
<P>}</P>
<P>} // end function MouseMove(e)</P>
<P>function MouseUp() </P>
<P>{</P>
<P>objDiv = null;</P>
<P>}</P>
<P>document.write('<div id="findwindow" style="position:absolute'</P>
<P>+ ';left: 0px; top: 0px'</P>
<P>+ ';visibility: hidden' </P>
<P>+ ';background-color: ' + window_background</P>
<P>+ ';border: 2px solid ' + window_border</P>
<P>+ ';width: ' + window_width + 'px'</P>
<P>+ ';height: ' + window_height + 'px'</P>
<P>+ ';color: ' + text_color</P>
<P>+ ';padding: 0px'</P>
<P>+ ';font-size: 14px'</P>
<P>+ ';"'</P>
<P>+ '>');</P>
<P>document.write('<div style="text-align: center'</P>
<P>+ ';width: ' + (window_width-20) + 'px'</P>
<P>+ ';cursor: move' // turn mouse arrow to move icon</P>
<P>+ ';color: ' + title_color</P>
<P>+ ';border: 1px solid ' + text_color</P>
<P>+ ';background-color: ' + window_border</P>
<P>+ ';float: left' </P>
<P>+ ';" onmouseover="over=1;" onmouseout="over=0;">'</P>
<P>+ 'Find Window</div>');</P>
<P>document.write('<div onclick="hide();" style="text-align: center'</P>
<P>+ ';width: ' + (16) + 'px'</P>
<P>+ ';cursor: default' // make mouse arrow stay an arrow instead of turning to
text arrow</P>
<P>+ ';font-weight: bold'</P>
<P>+ ';background-color: red'</P>
<P>+ ';border: 1px solid ' + text_color</P>
<P>+ ';float: right'</P>
<P>+ ';">'</P>
<P>+ 'X' // write the letter X</P>
<P>+ '</div><br />\n');</P>
<P>document.write('<div id="window_body" style="padding: 5px;">'</P>
<P>+ 'Type in text to find: '</P>
<P>+ '<input type="text" size="25" maxlength="25" id="fwtext"'</P>
<P>+ ' onchange="resettext();">'</P>
<P>+ '<input type="button" value="Find Prev" onclick="findprev();">'</P>
<P>+ '<input id="btn" type="button" value="Find Next"
onclick="findit();">'</P>
<P>+ '</div>\n'</P>
<P>+ '<div id="test"><br /></div>');</P>
<P>document.write('</div>');</P>
<P>document.write('<input type="button" value="Find on this page..."'</P>
<P>+ ' onclick="show();">');</P>
<P>var findwindow = document.getElementById('findwindow');</P>
<P>var over = 0;</P>
<P>var objDiv = null;</P>
<P>var DivID = null;</P>
<P>var test = document.getElementById('test');</P>
<P> </P>
<P> </P></SPAN>