Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Поиск слова в тексте или CTRL + F

Автор: t77 27.2.2012, 11:59

Имеется HTML страничка, с вкладками (табами).
В нутри каждого таба имеется текст. Необходимо реализовать поиск определенного слова на странице(CTRL + F). И если данное слово находится в одном из табов, то активировать данный таб и выделять искомое слово.
Вопрос собственно в том, как можно это реализовать? Имеются ли готовые решения данной проблемы ?
Мне известно о подсветка слов в тексте jquery highlight...
Но это, не решает проблему с вкладками (табами).
Спасибо

Автор: $дмитрий 27.2.2012, 12:25

Цитата

Вопрос собственно в том, как можно это реализовать?

- ловим комбинацию CTRL + F
- присваиваем в переменную innerHTML активного таба
- отчищаем от тегов + спецсимволов
- ищем подстроку

Автор: t77 27.2.2012, 13:32

Цитата

- присваиваем в переменную innerHTML активного таба
- отчищаем от тегов + спецсимволов

$дмитрий, объясните пожалуйста более подробнее, что вы имеете ввиду ??

Думаю, необходимо по очереди (в зависимости от количество вкладок - табов) производить поиск в контексте каждого таба и при обнаружении искомого слова, активировать ту самую вкладку(таб), с помощью методов или свойств виджета, типа этого:
$("#myTabs").tabs("select","#currentTab");

Как вы думаете?

Автор: $дмитрий 27.2.2012, 13:53

Примерно так

Код


var search = 'Поисковая строка';

$('.tabs').each(function(){         //цикл по всем вкладкам
    var text = $(this).text();      //содержимое вкладки
    if(text.indexOf(search) + 1){   //поиск подстроки
        $(this).addClass('active');    //активируем таб
    }
});

Автор: t77 28.2.2012, 10:03

Так же необходимо учитывать следующее, что на странице могут быть элементы:
- которые скрыты (JQuey Hide/Show)
- Вкладки (JQuery Tabs)

В любом случае, необходимо будет раскрыть элемент и выделить искомое слово или выражение. Тоесть, необходимо реализовать поиск CTRL+F, который умеет раскрывать скрытые элементы.

Буду пробовать... Если у кого имеются предложения по поводу данного вопроса, буду признателен.
Спасибо

Автор: ksnk 28.2.2012, 14:53

Цитата(t77 @ 28.2.2012, 10:03

)

Если у кого имеются предложения по поводу данного вопроса, буду признателен.

Ну вот предложение...

для каждого элемента, который может быть скрыт-показан нужно иметь обработчик события 'makeMeActive'. Обработчик такого события обязан быть у него либо у его родителя.

Поиск слова идет рекурсивно по всем элементам с перебором child'ов, не обращая внимания на видимость элемента.

Когда нашли слово - в непосредственно вмещающий его элемент пускаем(.trigger) событие makeMeActive. Событие будет всплывать пока не встретит того, кто сделает элемент видимым.