18.05.2010, 17:03 | #1 (permalink) |
Member
Регистрация: 07.04.2010
Сообщений: 28
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Репутация: 45
|
Как модифицировать скрипт поиска на javascript?
<script type="text/javascript"> function searchTextOnPage(inputId) { var obj = window.document.getElementById(inputId); var textToFind; if (obj) { textToFind = obj.value; } else { alert("Unable to find input with id = " + inputId); return; } if (textToFind == "") { alert("Please, input text"); return; } document.body.innerHTML = document.body.innerHTML.replace(eval("/"+textToFind+"/g"),"<b>"+textToFind+"</b>"); var obj = window.document.getElementById(inputId); obj.value = textToFind; } </script> реализуется так: <input type="text" id="text-to-find"> <a href="#" onclick="javascript: searchTextOnPage('text-to-find'); return false;">Найти</a> Работать-то работает, то есть выделяет жирным нужные слова, но хотелось бы чтобы при новом поиске предыдущие найденные слова снова становились невыделенными, а еще было бы крайне желательно ,чтобы не приходилось потом страничку прокручивать в поисках выделенных слов, а чтобы он, как в файрфоксе, делал поиск вниз от выделения. Как это можно сделать? Диплом горит. Заранее благодарю. |
18.05.2010, 17:03 | |
Helpmaster
Member
Регистрация: 08.03.2016
Сообщений: 0
|
Давайте проясним ситуацию, прочитав похожие темы на форуме Исчезла панель поиска Проблемы с меню в JavaScript |
19.05.2010, 00:57 | #2 (permalink) |
一步一步地会到目的
Регистрация: 09.05.2009
Адрес: Черноземье
Сообщений: 10,939
Записей в дневнике: 10
Сказал(а) спасибо: 140
Поблагодарили 80 раз(а) в 33 сообщениях
Репутация: 28362
|
По поводу жирного текста в документе, могу подсказать только идею, поскольку яваскрипт знаю поверхностно: наверно было бы лучше сделать отдельную страницу для поиска, то есть изменять не текущую страницу, на которой вы ищете текст, а специальную страницу поиска. То есть, оригинал копируется на новую страницу, на которой уже и происходит выделение жирным шрифтом. По поводу прокрутки: это реализуется с помощью механизма внутренних ссылок в html (забыл, как это правильно называется). Завтра постараюсь выложить пример
|
21.05.2010, 21:11 | #3 (permalink) |
一步一步地会到目的
Регистрация: 09.05.2009
Адрес: Черноземье
Сообщений: 10,939
Записей в дневнике: 10
Сказал(а) спасибо: 140
Поблагодарили 80 раз(а) в 33 сообщениях
Репутация: 28362
|
Немного запоздало, но вот выкладываю обещанное (пример из написанной некогда статьи по гитарам) :
Код HTML:
<a href="#1"><img src="acustic.jpg" title="Акустическая гитара"></a> <a href="#2"><img src="electro.jpg" title="Электоргитара"></a> <a href="#3"><img src="bas.jpg" title="Бас-гитара"></a> Код HTML:
<a name=1></a> <center><u>Акустическая гитара</u></center> Код HTML:
<a name=2></a> <center><u>Электрогитара</u></center> Код HTML:
<a name=3></a> <center><u>Бас-гитара</u></center> |
25.05.2010, 23:40 | #5 (permalink) |
一步一步地会到目的
Регистрация: 09.05.2009
Адрес: Черноземье
Сообщений: 10,939
Записей в дневнике: 10
Сказал(а) спасибо: 140
Поблагодарили 80 раз(а) в 33 сообщениях
Репутация: 28362
|
И поиск на отдельную страницу выводит? Выложите скрипт на память
|
Ads | |
Member
Регистрация: 31.10.2006
Сообщений: 40200
Записей в дневнике: 0
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Репутация: 55070
|
27.05.2010, 10:59 | #7 (permalink) |
一步一步地会到目的
Регистрация: 09.05.2009
Адрес: Черноземье
Сообщений: 10,939
Записей в дневнике: 10
Сказал(а) спасибо: 140
Поблагодарили 80 раз(а) в 33 сообщениях
Репутация: 28362
|
ну, хоть что-то
|
Ads | |
Member
Регистрация: 31.10.2006
Сообщений: 40200
Записей в дневнике: 0
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Репутация: 55070
|
|
|