JavaScript - search a string on page

Sorry for my last post,
Try the following script.

<script type="text/javascript" language="JavaScript"

src="find.js">

</script>

<input type="button" value="Find on this page..."

onclick="show();">

var window_background = "white"; // the color of the pop-up window

var window_border = "blue"; // the border color of pop-up window

var text_color = "black"; // the color of the text in window

var title_color = "white"; // color of window title text

var window_width = 200; // width of window

var window_height = 150; // height of window

var mozilla_opt = 1; // change to 0 to use Netscape and Firefox built-in search window

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

var ie = (document.all)

if (window.find)

var nav = 1; // to detect if netscape or firefox

else

var nav = 0;

var t = 0; // used for timer to move window in IE when scrolling

var sel; // Selection object needed for Firefox

var range; // range object needed for Firefox

if (!ie)

{

document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP);

}

document.onmousedown = MouseDown;

document.onmousemove = MouseMove;

document.onmouseup = MouseUp;

// Temporary variables to hold mouse x-y pos's

var mousex = 0;

var mousey = 0;

if (ie)

{

var txt = document.body.createTextRange();

var bookmark = new Array();

}

var finds = 0;

function findit()

{

var string = document.getElementById('fwtext').value;

findwindow.style.visibility = 'hidden';

if (ie)

{

bookmark[finds] = txt.getBookmark();

if (string) // only call findText if there is a string or IE will have error

if (txt.findText(string)) // if found

{

txt.select();

txt.scrollIntoView();

txt.collapse(false);

test.innerHTML = "Found";

}

else

{

test.innerHTML = "Not found";

finds--;

}

}

else // Netscape or firefox

{

if (finds > 0)

{

sel = window.getSelection(); // get selection

if(sel.rangeCount > 0) sel.removeAllRanges();

sel.addRange(range);

}

if (string != "")

test.innerHTML = window.find(string, false, false);

sel = window.getSelection(); // get selection

range = sel.getRangeAt(0); // get object

}

finds++;

findwindow.style.visibility = 'visible';

} // end function findit()

// This function is to find backwards by pressing the Prev button

function findprev()

{

var string = document.getElementById('fwtext').value;

findwindow.style.visibility = 'hidden';

if (ie)

{

if (finds < 2)

{

findwindow.style.visibility = 'visible';

return;

}

finds = finds - 2; // I don't know why I have to go back 2

txt.moveToBookmark(bookmark[finds]);

findit();

}

else // if netscape or firefox

{

if (finds > 0)

{

sel = window.getSelection(); // get selection

if(sel.rangeCount > 0) sel.removeAllRanges();

sel.addRange(range);

}

if (string != "")

test.innerHTML = window.find(string, false, true);

sel = window.getSelection(); // get selection

range = sel.getRangeAt(0); // get object

}

findwindow.style.visibility = 'visible';

} // end findprev()

function checkkey(e)

{

var keycode;

if (window.event) // if ie

keycode = window.event.keyCode;

else // if Firefox or Netscape

keycode = e.which;

if (keycode == 13) // if ENTER key

{

if (ie)

document.getElementById('btn').focus();

findit(); // call findit() function (like pressing NEXT)

}

} // end function checkkey()

function show()

{

if (ie || mozilla_opt == 1)

{

var textbox = document.getElementById('fwtext');

findwindow.style.visibility = 'visible';

textbox.focus();

t = setInterval('move_window();', 500);

document.onkeydown = checkkey;

}

else // if netscape or firefox

window.find();

} // end function show()

function hide()

{

findwindow.style.visibility = 'hidden';

clearTimeout(t);

document.onkeydown = null;

} // end function hide()

function resettext()

{

if (ie)

{

txt = document.body.createTextRange();

txt.moveStart("character", start_at);

}

finds = 0;

} // end function reset()

function move_window()

{

fwtop = parseFloat(findwindow.style.top);

fwleft = parseFloat(findwindow.style.left);

fwheight = parseFloat(findwindow.style.height);

if (document.documentElement.scrollTop) // Needed if you use doctype loose.htm

current_top = document.documentElement.scrollTop;

else

current_top = document.body.scrollTop;

if (document.documentElement.clientHeight)

{

if (document.documentElement.clientHeight > document.body.clientHeight)

current_bottom = document.body.clientHeight + current_top;

else

current_bottom = document.documentElement.clientHeight + current_top;

}

else

current_bottom = document.body.clientHeight + current_top;

if (document.documentElement.scrollLeft) // Needed if you use doctype loose.htm

current_left = document.documentElement.scrollLeft;

else

current_left = document.body.scrollLeft;

if (document.documentElement.clientWidth)

{

if (document.documentElement.clientWidth > document.body.clientWidth)

current_right = document.body.clientWidth + current_left;

else

current_right = document.documentElement.clientWidth + current_left;

}

else

current_right = document.body.clientWidth + current_left;

if (fwtop < current_top)

{

findwindow.style.top = current_top + 'px';

}

else if (fwtop > current_bottom - fwheight)

{

findwindow.style.top = current_bottom - fwheight + 'px';

}

if (fwleft < current_left ||

fwleft > current_right)

{

findwindow.style.left = current_left + 'px';

}

} // end function move_window()

function MouseDown(e)

{

if (over == 1)

DivID = 'findwindow';

if (over)

{

if (ie)

{

objDiv = document.getElementById(DivID);

objDiv = objDiv.style;

mousex=event.offsetX;

mousey=event.offsetY;

}

else // if Mozilla or Netscape

{

objDiv = document.getElementById(DivID);

mousex=e.layerX;

mousey=e.layerY;

return false;

}

}

}

function MouseMove(e)

{

if (document.documentElement.scrollTop) // Needed if you use doctype loose.htm

current_top = document.documentElement.scrollTop;

else

current_top = document.body.scrollTop;

if (document.documentElement.scrollLeft) // Needed if you use doctype loose.htm

current_top = document.documentElement.scrollLeft;

else

current_left = document.body.scrollLeft;

if (objDiv)

{

if (ie)

{

objDiv.pixelLeft = event.clientX-mousex + current_left;

objDiv.pixelTop = event.clientY-mousey + current_top;

return false;

}

else // if Mozilla or Netscape

{

objDiv.style.left = (e.pageX-mousex) + 'px';

objDiv.style.top = (e.pageY-mousey) + 'px';

return false;

}

}

} // end function MouseMove(e)

function MouseUp()

{

objDiv = null;

}

document.write('<div id="findwindow" style="position:absolute'

+ ';left: 0px; top: 0px'

+ ';visibility: hidden'

+ ';background-color: ' + window_background

+ ';border: 2px solid ' + window_border

+ ';width: ' + window_width + 'px'

+ ';height: ' + window_height + 'px'

+ ';color: ' + text_color

+ ';padding: 0px'

+ ';font-size: 14px'

+ ';"'

+ '>');

document.write('<div style="text-align: center'

+ ';width: ' + (window_width-20) + 'px'

+ ';cursor: move' // turn mouse arrow to move icon

+ ';color: ' + title_color

+ ';border: 1px solid ' + text_color

+ ';background-color: ' + window_border

+ ';float: left'

+ ';" onmouseover="over=1;" onmouseout="over=0;">'

+ 'Find Window</div>');

document.write('<div onclick="hide();" style="text-align: center'

+ ';width: ' + (16) + 'px'

+ ';cursor: default' // make mouse arrow stay an arrow instead of turning to text arrow

+ ';font-weight: bold'

+ ';background-color: red'

+ ';border: 1px solid ' + text_color

+ ';float: right'

+ ';">'

+ 'X' // write the letter X

+ '</div><br />\n');

document.write('<div id="window_body" style="padding: 5px;">'

+ 'Type in text to find: '

+ '<input type="text" size="25" maxlength="25" id="fwtext"'

+ ' onchange="resettext();">'

+ '<input type="button" value="Find Prev" onclick="findprev();">'

+ '<input id="btn" type="button" value="Find Next" onclick="findit();">'

+ '</div>\n'

+ '<div id="test"><br /></div>');

document.write('</div>');

document.write('<input type="button" value="Find on this page..."'

+ ' onclick="show();">');

var findwindow = document.getElementById('findwindow');

var over = 0;

var objDiv = null;

var DivID = null;

var test = document.getElementById('test');