Логотип Валидатор Валидатор Качество создания сайта

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

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

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

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

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

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

Что ищем?

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

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

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

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

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

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

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

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

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

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

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

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

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


* * *

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


Назад

ВВЕРХ

Все права защищены. Copyright © 2009 - 2017 Коротеев Владимир.

Protected by Copyscape Duplicate Content Check
Яндекс.Метрика
Рейтинг@Mail.ru