Добрый день, я задался целью создания поиска по сайту, на подобии как в браузере(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 эта функция выполняется, проиходит замена, но после этого все остальные скрипты на странице не работают и сам поиск тоже повторить больше нельзя..
у кого какие соображения?
и вообще не фигней ли я занимаюсь? может есть чтото готовое или какието примеры? целый день гуглил, ничего не нашел(