Поиск на сайте

О создании поиска на сайте

Очень часто встречаю на сайтах формы поиска чего-либо, какой-нибудь нужной посетителю информации. Довольно удобно!
Не нужно ничего искать, а просто вводишь в форму запрос, и она "перекидывает" к странице, содержащей искомое.

Во время одной из тренировок по практическому использованию JavaScript, сделал для своего сайта такую страничку.

Принципы программирования - абсолютно одинаковые с уже показанным подразделом "Парольный вход" (откроется в новом окне), но немного проще.

Поиск для сайта

Можете испытать работу скрипта, кликнув кнопку Поисковик, находящуюся ниже, но лучше сначала почитайте. смотреть сразу

В сценарии тоже использовал функцию, в "теле" которой есть, но уже один метод prompt();, а не два, как это делал для страницы входа по паролю.

Сценарий спросит Вас: "Что ищем? Введите свой запрос". Введите в поле одно из ключевых слов.

Ради примера прописал несколько ключевых слов.
Проще всего их копировать, и вставлять в поле запроса.

Слово №1: примеры - откроет страницу с другим, оригинальным дизайном.

Слово №2: фотошоп - перекинет в большой, общий раздел "Фотошоп".

Слово №3: веб-дизайн - сайт, целиком сделанный в программе "Фотошоп".

Слово №4: наработки - покажет страницу перехода для просмотра различных веб-элементов и сайтов, созданных по разным технологиям.

Слово №5: книги - отправитесь смотреть электронную книгу сайта.

Слово №6: полезное - раздел, где БЕСПЛАТНО можно скачать много полезных учебников, программ и инструментов.

Кстати! И здесь прописал в коде скрипта, чтобы можно было вводить запрос в любом регистре (маленькие/большие буквы).

Если ввести в поля запросов какие-либо другие значения, то методом alert(); появится сообщение: "Вы ничего не выбрали! Или ввели некорректное выражение". Скрипт тогда НИЧЕГО Вам не покажет. Останетесь на этой странице.

Если ключевые слова будут введены правильно - окажетесь в искомом разделе.

* * *

Надеюсь, понятно, что показал здесь лишь только самые основы, принцип создания поиска на сайте с помощью JavaScript.

ВВЕРХ