Подготовка базы данных

Задание 1. Укажем для каждого элемента массива, составляющего базу данных и представляющего одну из Web-страниц, список ключевых слов.

Для этого создадим у конфигураторов — элементов этих массивов новое свойство keyword, которому и присвоим список соответствующих ключевых слов. Он будет представлять собой обычную строку с ключевыми словами, разделенными запятыми, — так его проще обрабатывать.

Откройте файл Web-сценариев data.js и поместите после кода, создающего свойство related со связанными данными, но перед кодом, выполняющим сортировку базы, такое выражение:

aHTML[0].keyword = "тип,версия";

Здесь мы взяли первый элемент массива aHTML (с индексом 0), добавили к хранящемуся в нем конфигуратору свойство keyword и присвоили этому свойству строку с ключевыми словами "тип" и "версия". Следовательно, мы указали, что Web-страницу с описанием тега <!DOCTYPE> будут характеризовать эти два ключевых слова.

Аналогично укажите ключевые слова для остальных Web-страниц нашего Web-сайта.

Создание Web-формы

Задание 2. Создадим Web-форму, в которую посетитель будет вводить искомое слово или его часть.

Вставим форму в контейнер cnavbar, ниже полосы навигации, непосредственно перед закрывающим тегом </DIV>, формирующим этот контейнер. Позже мы найдем Web-форме поиска местоположение получше.

Наша первая "рабочая" Web-форма будет содержать следующие элементы:

ü надпись "Поиск", чтобы посетитель сразу понял, зачем нужна эта Web-форма;

ü поле ввода значения для поиска, где указывается искомое слово или начало слова;

ü кнопку, запускающую поиск;

ü раскрывающийся список для выбора режима поиска (только по названиям, только по ключевым словам или одновременно по названиям и по ключевым словам).

Содержимое Web-формы мы поместим в один абзац, который разобьем на три строки с помощью тегов разрыва строк. Первая строка будет содержать надпись, вторая — поле ввода и кнопку, третья — раскрывающийся список.

Можно, конечно, разместить эти элементы в трех отдельных абзацах, но так Web-форма займет на Web-странице слишком много места.

Поле ввода искомого слова мы назовем keyword, кнопку — find, а раскрывающийся список — search_in.

Листинг 16.19 содержит HTML-код, создающий Web-форму.