Быстрый поиск (Ctrl + F) внутри скрытого div

Question

Быстрый поиск (Ctrl + F) внутри скрытого div

0

У меня есть страница с вкладками реализована, где неактивные вкладки скрыты с отображением: none. Теперь я пытаюсь найти способ поиска в этих скрытых divs с помощью браузера quickfind (ctrl + f/cmd + f)

Есть ли, например, способ запуска javascript, когда пользователь что-то ищет? Если, например, пользователь ищет "шаблон" и найден только на одной из неактивных вкладок, я бы хотел активировать/показать эту вкладку.

Есть ли способ? Или мне придется реализовать собственный фильтр поиска?

Благодарю!

elveti 02 дек. 2013, в 09:56

Источник

0

Я не думаю, что перехват механизмов поиска браузеров - это путь. Разве вы не можете просто разместить на странице окно поиска и обработать его с помощью Javascript?
Mr Lister 02 дек. 2013, в 08:27

Теги:

javascript

html

css

search

full-text-search

1 ответ

Ещё вопросы

Я не думаю, что перехват механизмов поиска браузеров - это путь. Разве вы не можете просто разместить на странице окно поиска и обработать его с помощью Javascript?

Ria Weyprecht · Answer 1 · 2013-12-02T08-48-00.000Z

1

Ну, вы можете запросить быстрые клавиши, но они все равно могут использовать меню браузера, чтобы начать поиск.

Не было бы проще использовать другой метод, чтобы скрыть эти вкладки? Что-то вроде

display: block;
height: 0;
width: 0;
overflow hidden;

например (зависит от вас специальная разметка /css, конечно)

Ria Weyprecht 02 дек. 2013, в 08:48

0

искомый элемент должен получить фокус при поиске (я никогда не пробовал что-то подобное, чтобы вы могли поэкспериментировать с ним), но по крайней мере текст остается доступным для поиска ...
Ria Weyprecht 02 дек. 2013, в 09:55
0

Я думаю, что было бы неплохо попросить сочетания клавиш. Затем автоматически снимите все скрытое содержимое (например, откройте все $(this).next().slideToggle("slow"); }).next().hide(); -Тогглеры, которые могут быть скрыты). Это было бы здорово, тогда у пользователя все еще может быть выбор: просматривать только видимый контент через меню браузера.
Vincent Mia Edie Verheyen 15 фев. 2015, в 14:15
0

но я не думаю, что пользователь заметит разницу между поиском по Ctrl + F или меню браузера -> поиск. Он просто удивится, почему он получает разные результаты.
Ria Weyprecht 16 фев. 2015, в 07:45
0

Хороший момент, это можно уточнить. Если у кого-то есть много таких скрытых переключателей, которые становятся видимыми при CTRL + F , то пользователь заметит. Другим вариантом будет показ всплывающего окна с разъяснениями по сочетанию клавиш CTRL + F ; или стандартное уточнение.
Vincent Mia Edie Verheyen 16 фев. 2015, в 07:51
0

Кто разместит такое уведомление на своем сайте? Я думаю, что скрыть их от чего-то другого, кроме показа: ничего и просто поиск везде, намного проще и удобнее
Ria Weyprecht 16 фев. 2015, в 12:55
0

У меня могут быть небольшие проблемы с пониманием того, как реализовать ваш код. Если бы вы могли объяснить MWE немного больше? Еще раз спасибо. --- Мои ответы, касающиеся видимости всего скрытого содержимого, вызванного CTRL + F, касаются страницы, содержащей скрытые элементы div , например, в этом примере JSFiddle-toggler . В данный момент невозможно найти скрытый текст, когда Toggler закрыт. На странице, содержащей много таких переключателей, было бы удобно как-то автоматически открывать все переключатели вместо того, чтобы открывать их вручную по отдельности.
Vincent Mia Edie Verheyen 16 фев. 2015, в 13:20
1

jsfiddle.net/jssv8ctp показывает, как текст остается доступным для поиска (это то, о чем просил вопрос), но он не открывает переключатели, да. Это будет трудно реализовать, так как у вас нет события для обработки, когда слово помечено поиском. Я должен признать, что у меня нет решения для этого редактирования: я не думаю, что есть: stackoverflow.com/questions/23479237/…
Ria Weyprecht 17 фев. 2015, в 08:09

Показать ещё 5 комментариев