Как сделать поиск в коде страницы
Добавил пользователь Евгений Кузнецов Обновлено: 04.10.2024
На сайтах часто востребован поиск по ключевым словам, для ввода которых используется текстовое поле. В HTML5 для поиска добавлено новое поле, синтаксис его следующий:
Используемые атрибуты совпадают с текстовым полем.
Разница между текстовым полем и полем для поиска состоит в стилистическом оформлении. На платформах, где поисковая форма имеет свой собственный уникальный вид, легко придать полю аналогичное оформлении. В большинстве браузеров поле для поиска по своему виду никак не отличается от текстового поля, за исключением Chrome, Safari и IE10, которые добавляют небольшой крестик в правой части для быстрой очистки введённого текста (рис. 1).
По работе возник вопрос в реализации следующего скрипта: в открытой в браузере странице нужно посмотреть HTML-код и найти в нем определенный текст, после чего идет индикация о его наличии/отсутствии.
Я понимаю, что скорее всего для многих это 10 минут, но для начала хотелось бы поломать голову самому.
подскажите, пожалуйста в какую сторону грести? имею в виду какие функции использовать?
Поиск текста в коде HTML
Извлекаю код из страницы и ищу нужное мне значение. Если пишу так то находит нужное: .
Удаление текста в HTML-коде
Есть хтмл код нужно удалить в нем текст от определенного место до друго определенного места.
Замена текста в HTML коде
Приветствую форумчане. 2) Есть две строки, которые прогоняются через 1 функцию. $str1 = '<a.
Замена текста (ссылки) в HTML коде
Здравствуйте форумчане! Не могу реализовать вот такую беду. Прошу помощи. Есть готовый Html.
Выставляю для ознакомления три варианта скрипта поиск по сайту на java, php и xml, любой из которых можно смело применить для любых ваших сайтов.
Во всех вариантах скрипта поиска по сайту html отсутствует кнопка "Найти" и исключается перезагрузка страниц, где вывод результатов поиска происходит посредством ajax сразу на глазах посетителей.
У каждого варианта поиска есть свои плюсы и недостатки, но в одном они все одинаковы: создали статью и сразу прописали сами результаты для поиска, потому как функционал скрипта построен на поиске из записанного, а не на поиске информации по всему вашему сайту.
И давайте рассмотрим все примеры подробно с пошаговыми действиями для установки каждого из них на сайт.
Первый вариант поиска по сайту с БД.
Этим вариантом поиска на сайте я успешно пользовался сам. Обработчик php запросов для поиска не очень сложный, где я не имея навыков программирования смог без особого труда внедрить картинки к выводу результатов в поиске.
Ещё одним плюсом является подсветка найденных слов (букв) в результате поиска.
Недостатком является один факт - если прописывать в таблице БД адрес страницы из другой категории, то есть к примеру вот так: cat/page.html то при переходе по этому адресу из результатов поиска браузер выдаёт ошибку. А связано это с тем, что обработчик экранирует подобные символы, то есть превращает в html сущности.
Вы поймёте о чём речь, когда установите этот скрипт поиска и начнёте его опробовать в работе.
Первый вариант скрипта поиска взаимодействует с Базой данных и давайте сразу приступим к её заполнению.
Скачайте ниже архив со скриптом поиска для сайта и залейте всё содержимое на хостинг.
Далее создайте БД с именем poisk_test и сравнение utf8_general_ci . После нажмите на созданную базу и в верхнем меню кликните кнопку SQL и в появившееся окно вставьте скопированный код из файла BD.sql и затем нажмите ОК .
Всё, готово! Открывайте ваш сайт в браузере и проверяйте работу скрипта поиска по сайту, а уже после замените всё необходимое в таблице MySQL на своё.
Важно!
Когда будете менять в поиске на свои: текст и URL адреса, то в файле search.php не забудьте заменить ссылку на свой домен. И здесь же вы можете подправлять html код для вывода результатов поиска.
Второй вариант поиска по сайту с БД.
Во втором примере скрипт поиска работает так же от БД, как и в первом варианте, только здесь отсутствует подсветка в выдаче результатов.
И к недостаткам можно отнести то, что при поиске на латинице, скрипт ищет совпадения в адресе ссылки, потому как в этом примере адресные ссылки полностью прописываются в БД.
Для установки этого скрипта поиска по сайту сделайте такие же действия, как и в предыдущем примере, только файл search.php трогать уже не нужно.
Третий вариант поиска по сайту на xml без БД.
Отличительной особенностью последнего примера поиска для сайта является тот факт, что он не использует Базу Данных, а работает по сайту на основе xml , в котором и прописываются все запросы для поиска на вашем сайте.
Для его установки достаточно залить все файлы скрипта на сервер, поменять в том же файле links.xml на ваши поисковые запросы и поиск на сайте сразу будет функционировать в полном объёме.
Устанавливаем поиск на сайте с помощью скрипта phprusearch.
Скачайте скрипт из раздела скриптов.
Распакуйте архив и закачайте папку phprusearch в корень сервера (обычно папка public_html).
Установите следующие права доступа:
Если всё сделали правильно, появится окошко:
В поле "Логин" вводите admin , а в поле "Пароль" вводим pass .
В админке поменяйте пароль на свой в пункте "Смена пароля", а затем заходите в пункт меню "Настройка".
Установите название сайта и остальные настройки, если необходимо.
Не забудьте перечислить те папки, которые индексировать не нужно.
Жмите пункт меню "Индексация". Должен вылезти попап с результатами.
В той странице Вашего сайта, где Вы хотите видеть поисковую форму вставляйте следующий код:
Пробуйте что-нибудь поискать.
Дизайн страницы с результатами задаётся файлом index.php в папке phprusearch. Можете открыть этот фаил и до значка вставить нижнюю часть.
Статистику запросов, можете смотреть в админке. Для этого там есть пункт меню "Запросы".
Устанавливаем поиск на сайте от Яндекса.
Поиск от Яндекса конечно классный, но вот статистику запросов с помощью него Вы посмотреть не сможете.
Для того, чтобы установить поиск от Яндекса к себе на сайт, необходимо вставить примерно такую форму в ту страницу, где Вы желаете видеть поисковую форму.
5 последних уроков рубрики "Для сайта"
Эффекты блочного раскрытия
Сегодня мы хотели бы поделиться несколькими идеями касающегося эффекта блочного раскрытия, которую вы можете использовать для своих проектов.
15 полезных .htaccess сниппета для сайта на WordPress
Если вы хотите существенно повысить уровень безопасности вашего сайта на WordPress, то вам не избежать конфигурации файла .htaccess. Это позволит не только уберечься от целого ряда хакерских атак, но и организовать перенаправления, а также решить задачи связанные с кэшем.
20 бесплатных тем для WordPress в стиле Material Design
Material Design — это набирающий обороты тренд от Google. В данной подборке собраны бесплатные темы для WordPress, выполненные в этом популярном стиле.
20 сайтов с креативным MouseOver эффектом
Эффекты на то и существуют чтобы впечатлять наших посетителей. В этой подборке собрано несколько десятков ресурсов, чьи создатели очень постарались впечатлить своих посетителей.
45+ бесплатных материалов для веб дизайнеров за август 2016
Под конец месяца предлагаем ознакомиться с набором бесплатных материалов для веб дизайнеров за прошедший месяц.
Читайте также: