Показать сообщение отдельно
  #1 (permalink)  
Старый 08.11.2011, 10:48
Интересующийся
Отправить личное сообщение для Azazaza Посмотреть профиль Найти все сообщения от Azazaza
 
Регистрация: 08.11.2011
Сообщений: 19

Поиск текста на странице
Добрый день, я задался целью создания поиска по сайту, на подобии как в браузере(Ctrl+F)
вот пример http://constitution.kremlin.ru/#article-50-3

последовательность примерно такая:

1) пользователь вводит строку в поле инпута.
2) метод .replace находит и заменяет все совпадения на это же слово, только заключенное в теги ( НАПРИМЕР <srch>искомое слово</srch>).
3) дальше подсчитываю количество эле ментов <srch> на страницы и вывожу число совпадений(НАПРИМЕР: Кол-во совпадений - 10).
4) возле поля ввода есть стрелочки "вперд", "назад", при нажатии на них должен перемещаться по найденым элементам, понятия на имею как это сделать..

1-2)при вводе нового значения методом unwrap удалю все теги <srch>


Вобщем загвоздка пока на втором пункте, есть код:
$("#searchBtn").click(function(){
   var phrase = $('#searchBtn').prev('input').val(); //введенное значение
   var replacement = '<srch>'+phrase+'</srch>';
   var context = $('body');
 
   context.html(
      context.html().replace(new RegExp(phrase, 'gi'), replacement)
   );

});


после нажатия на #searchBtn эта функция выполняется, проиходит замена, но после этого все остальные скрипты на странице не работают и сам поиск тоже повторить больше нельзя..
у кого какие соображения?
и вообще не фигней ли я занимаюсь? может есть чтото готовое или какието примеры? целый день гуглил, ничего не нашел(
Ответить с цитированием