Jump to content
  • 0

Поиск по странице открывая скрытые блоки


slojnokak
 Share

Question

Здрасте, форумчане

 

Вот ссылка 

http://gudving.ru/dokumentaciya/gosty-rf-spiski-i-soderzhanie/

 

Хочу сделать форму внутри страницы с поиском по ней же. Но т.к. блоки скрыты(а точнее, как оказалось, у них задана нулевая высота и полная прозрачность) - ничего не находит. Подскажите, как можно организовать такой поиск, чтобы при отправке запроса и нахождении нужной строки она показывалась из-за спойлера. Спасибо 

 

Link to comment
Share on other sites

10 answers to this question

Recommended Posts

  • 0

а какой смысл сего?

ведь можно открыть спойлер, а затем ctrl+F и ctrl+V - и все найдется...

шутите? не все пользователи знают про такие комбинации клавиш + не удобно открывать все вкладки чтобы поиском воспользоваться.

п.с. странный форум)

Link to comment
Share on other sites

  • 0

за вас писать код никто не будет и уж тем более искать его в гугл.

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

1) так как элементы скрыты, берете один общий див с классом "su-tabs-pane" как за родитель и перебираете все его dom элементы с помощью: "getElementsByTagName", или "getElementsByClassName" но он не кроссбраузерный

2) с помощью регулярки можно извлечь в массив все что между этими элементами находится.

3) с формы поиска (с инпута) по событию onclick() например можно запускать некую ф-цию, которая будет получать с инпут.валуе его передаваемое значение и искать в сформированном массиве пункта №2 соответствие.

 

Еще можно пойти немного другим путем: почти все тоже самое, только весь массив с текстами будет в файле .txt например, а искать и выводить будет php с помощью аякс запроса.

Link to comment
Share on other sites

  • 0

за вас писать код никто не будет и уж тем более искать его в гугл.

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

1) так как элементы скрыты, берете один общий див с классом "su-tabs-pane" как за родитель и перебираете все его dom элементы с помощью: "getElementsByTagName", или "getElementsByClassName" но он не кроссбраузерный

2) с помощью регулярки можно извлечь в массив все что между этими элементами находится.

3) с формы поиска (с инпута) по событию onclick() например можно запускать некую ф-цию, которая будет получать с инпут.валуе его передаваемое значение и искать в сформированном массиве пункта №2 соответствие.

 

Еще можно пойти немного другим путем: почти все тоже самое, только весь массив с текстами будет в файле .txt например, а искать и выводить будет php с помощью аякс запроса.

вот это полезный ответ) спасибо. буду думать

Link to comment
Share on other sites

  • 0
1) так как элементы скрыты, берете один общий див с классом "su-tabs-pane" как за родитель и перебираете все его dom элементы с помощью: "getElementsByTagName", или "getElementsByClassName" но он не кроссбраузерный

getElementsByTagName вполне кроссбраузерный, вместо getElementsByClassName лучше использовать querySelectorAll — он поддерживается IE8. Ну и такой проблемы вообще не будет, если используется jQuery или другая библиотека для работы с DOM.

 

Не раз натыкался на подобный фунционал, но, к сожалению, не помню где.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By ashelpakov95
      Помогите, делаю чат-бота по этому уроку и коду https://fokit.ru/kak-sozdat-chat-bota-besplatno/
       
      Есть 6 веток вопросов. Я всё удобно подписал <!--Вопрос 1-->,<!--Вопрос 2-->....
      У меня бот прогоняет все вопросы какие есть.  Как сделать, чтобы после каждой ветки вопросов бот прекращал задавать вопросы? и еще, как сделать, чтобы бот выдавал вариант ответа, при нажатии на который, перекидывало на определенную страницу сайта?
      index-22.html
    • By Yasins
      На многих рекламных банерах и из разных источников, которые направлены на привлечение в свою орбиту последователей, говорится о чуть-ли не круглогодичном путешествии по странам и континетам с возможностью творить что-то новое на базе получаемых новых впечатлений. Так ли это?) Давайте проверим! Кто уже проходил по этому пути и каковы основные критеии для такого, скажем - Творческого Путешествия? Кто сможет их перечислить? Готовы учесть Ваше мнение и опыт, делитесь и возможно кому-то он пригодится!
      Пункты критериев:
      - Авиа или поезд или автобусный проезд?
      - Какова допустимая минимальная и максимальная цена одного проезда от пункта "А" к пункту "В"?
      - Каков уровень отеля и питания способно поддержать творческое настроение или стимулировать его? 
      - Минимальная и максимальная цена какая должна быть за отель и питание?
      - По каким странам и городам можно или необходимо путешествовать, чтобы получить новые впечатления для вдохновения на твочерский процесс?
      - Что в состоянии вызвать творческое вдохновение и мышление, чтобы открыть в себе новые идеи и решения?
      - Каковы основные условия для раскрытия в себе дух-творчества с новыми идеями?
      - Что в состоянии способствовать настроению творить и раскрываться новым идеям?
      Ждём Вашего мнения или делимся своими впечатлениями!
       
    • By Ron2
      Здравствуйте.

      Помогите пожалуйста разобраться где может быть "загвоздка" в проблеме не срабатывания формы обратной связи для сайта , с вложением (прикрепляется файл) | HTML и PHP (скачал здесь https://proverstka.com.ua/blog/skript-formy-obratn... После заполнения всех полей формы на сайте, и нажатия кнопки "Отправить" на экран выводится "Данные отправлены!" но на почту письмо почему то не приходит. Скрипт работает на ajax, в файле send.php я менял во 2-й строке $to = 'info@proverstka.com.ua'; на свой адрес, а также удалял в 36-й строке $headers = "From: ".$email."\r\n"; потому что вроде бы почтовые сервисы из-за этого могут блокировать получение писем. А в 23-й строке engine.js менял в xhr.open("POST", "/send.php"); расположение send.php на путь, где он записан на моём сайте, но ничего не помогло. Помогите разобраться, почему письма не приходят на почту.

      Может кто нибудь предложит свой рабочий вариант. Помогите с этой проблемой, очень необходима ваша помощь. 
       
    • By Iia
      Для расширения команды разработчиков html5-игр требуется программист. Мы ценим мудрое применение трендов современной web-разработки, здоровый перфекционизм и желание делать конкурентные игры.
      Основная задача - разработка архитектуры большого модульного приложения (далее движок), разработка новых модулей движка, разработка и оптимизация пользовательских интерфейсов, разработка конкретных игр на основе движка.
       
      Кого мы ищем:
      Знание Haxe/ActionScript/JavaScript/Java/C#(чего-либо из этого) Знание и умение использовать ООП Опыт разработки 2D игр: анимация, интерфейс Нужно знать что такое Sprite, Tween, Easing, почему все лежит на сцене Знать общие принципы клиент-серверной архитектуры Базовые навыки работы с графикой(Photoshop/Gimp/ImageMagic) Знать и уметь использовать систему контроля версий (Git/Mercurial/Svn) Умение читать и понимать чужой код Умение находить информацию в интернете Английский язык на уровне чтения документации/API  
      Будет плюсом:
      Опыт написания шейдеров Опыт работы с PixiJS (v4+) Опыт работы с системами частиц Знание DOM, HTML Опыт написания клиент-серверных приложений(с любой стороны) Опыт работы с Google Protocol Buffer Опыт работы с Cordova/Ответвлениями(Intel XDK, PhoneGap, etc.) Работа со скелетной(2D) анимацией Опыт работы со звуком и видео в html5  
      Предлагаем:
      Конкурентную заработную плату в соответствии с Вашим уровнем квалификации Оплачиваемый отпуск и больничные Гибкий график работы Комфортное рабочее место в шаговой доступности от станции метро Серпуховская/Павелецкая Контакт для связи recruiteriia@gmail.com
    • By АИС Елена
      Обязанности:
      ·         Обучение слушателей по программам курсов:
      o    Разработка на JavaScript
      o    Разработка на платформе Java SE 7. Базовые темы
      o    Разработка на платформе Java SE 7. Расширенные темы
      o    Разработка приложений для платформы Java EE 6
      ·         Участие в разработке тематических планов и методических материалов
      ·         Развитие читаемых курсов, поддержание их актуальности
      Требования:
              Опыт разработки на Java
              Опыт чтения курсов для Java-разработчиков не менее 1 года
        Технический английский
      Условия:
      ·         Условия работы: Частичная занятость.
      ·         Предполагаемый оклад (оплата):В зависимости от опыта работы.
      ·         Дополнительная информация: Возможность выезда в командировки.
       
      Контактная информация
      Елена
      Тел: + 7 9162888645
      Тел: +7 4951200402 (добав. 501)
      Почта: ESuchkova@infosystem.ru
       
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy