Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Простой локальный поиск постранице хтмл. Как сделать!
 
 автор: realwhite   (07.07.2010 в 17:18)   письмо автору
 
 

Срочно нужен не большой java скрипт следующего плана:

Есть html страница с кучей текста. Нужно добавить к ней сверху поле ввода и кнопку искать. И чтобы по нажатию кнопки курсор перескакивал к этой части текста которая указана в поле ввода (на пример работы кнопки Ctrl + f)

Помогите. Очень плохо с JavaScript.

  Ответить  
 
 автор: АЯ   (07.07.2010 в 18:37)   письмо автору
 
   для: realwhite   (07.07.2010 в 17:18)
 

А в каком из браузеров "курсор перескакивает" при работе CTRL+F?
В моих четырёх (MSIE, FF, Opera, Chrome) курсор остается в окошке поиска и оттуда "подмигивает".

Сделать - оно не сложно. Только ЗАЧЕМ реализовывать то, что уже реализовано во всех без исключения браузерах?

  Ответить  
 
 автор: RealWhite   (08.07.2010 в 09:19)   письмо автору
 
   для: АЯ   (07.07.2010 в 18:37)
 

Возможно я неправильно выразился, перескакивает к тексту с подсветкой по нажатию "следующее" или "предыдущее" в FF. Я знаю, что сделать не сложно, но я вообще дизайнер, а шефу кровь из носа, нужна такая вещь. Я не хочу быть суровым и крутым, просто шеф мозг проел с этой бедой. Если действительно не сложно напишите.

  Ответить  
 
 автор: elenaki   (08.07.2010 в 09:45)   письмо автору
 
   для: RealWhite   (08.07.2010 в 09:19)
 


<html>
<head>
    <title>Untitled</title>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var NS4 = (document.layers);
var IE4 = (document.all);

var win = this;
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(str + " was not found on this page.");
}
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(str + " was not found on this page.");
}
}
return false;
}
//  End -->
</script>

    
</head>

<body>

<form name=search onSubmit="return findInPage(this.string.value);">
Find in Page
<input name=string type=text size=15 onChange="n = 0;">
<input type="submit" name="Submit" value="Search">

</form>
III AAA OOO EEE  YYY
</body>
</html>


  Ответить  
 
 автор: RealWhite   (08.07.2010 в 10:23)   письмо автору
 
   для: elenaki   (08.07.2010 в 09:45)
 

Спасибо огромное, думаю подойдет шефу. Здоровья вам и успеха!

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования