Подскажите в какую сторону пилить ( JavaScript поиск по стр)

@volk358 · Регистрация: 29.09.2011

Author24 — интернет-сервис помощи студентам

Товарищи = подскажите - делаю простой поиск JavaScript по странице (т.е без базы данных - а просто по тексту на текущей странице html)

есть форма на странице

HTML5

<html>
<head>
<center>
<style type="text/css">
BODY {
margin : 0px;
}
</style>
</head>
<body align="center">
<form id="f1" name="f1" action="javascript:void()" 
onSubmit="if(this.t1.value!=null && this.t1.value!='')
parent.findString(this.t1.value);return false;"
>
<i>Быстрый поиск по материалу</i>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="text" id="t1" name="t1" value="" size=80%>
<input type="submit" name=b1 value="Искать">
</form>
</body>
</center>
</html>

и есть код

Javascript

<script type="text/javascript">
var TRange=null;
 
function findString (str) {
if (parseInt(navigator.appVersion)<4) return;
var strFound;
if (window.find) {
 
// CODE FOR BROWSERS THAT SUPPORT window.find
 
strFound=self.find(str);
if (!strFound) {
strFound=self.find(str,0,1);
while (self.find(str,0,1)) continue;
}
}
else if (navigator.appName.indexOf("Microsoft")!=-1) {
 
// EXPLORER-SPECIFIC CODE
 
if (TRange!=null) {
TRange.collapse(false);
strFound=TRange.findText(str);
if (strFound) TRange.select();
}
if (TRange==null || strFound==0) {
TRange=self.document.body.createTextRange();
strFound=TRange.findText(str);
if (strFound) TRange.select();
}
}
else if (navigator.appName=="Opera") {
alert ("Браузер Opera не поддерживается.")
return;
}
if (!strFound) alert ("Совпадения не найдены!")
return;
}
</script>

Помогите допилить - чтобы выделение цветом было и была возможность переходить по найденным словам вперед и назад

Сейчас поиск работает только вперед на след найденное слово и выделяется только серым а не цветом.

	26.04.2014, 09:52