Реализация усовершенствованного поиска

Что ж, все, что нам нужно знать о свободно позиционируемых элементах, мы рас-смотрели. Настала пора практических занятий.

В главе 20 мы реализовали на нашем Web-сайте систему поиска. Получилось, мягко

говоря, не очень профессионально, о чем уже говорилось в начале этой главы. Да-вайте улучшим ситуацию.

Прежде всего, мы создадим новый контейнер, дадим ему имя csearch и поместим в

него Web-форму поиска. В этот же контейнер, ниже Web-формы, мы вставим спи-сок, в котором будут выводиться результаты поиска. (Результаты мы будем форми-ровать в виде пунктов списка, содержащих гиперссылки на найденные Web-страницы, — как и в главе 16.) Дадим этому списку имя search_result и сделаем

его изначально скрытым.

Когда посетитель выполнит поиск, мы проверим, присутствуют ли в списке

search_result какие-либо пункты (т. е. выполнялся ли поиск ранее и был ли он

удачным), и, если присутствуют, удалим их и скроем этот список. Если поиск увен-чался успехом, мы сформируем в списке search_result пункты, содержащие гипер-ссылки на найденные Web-страницы, и откроем его. Таким образом, список

search_result будет присутствовать на экране только в случае успешного поиска.

Когда посетитель щелкнет на любом месте Web-страницы (неважно — на гипер-ссылке, в том числе и гиперссылке в списке результатов поиска, на абзаце, на изо-бражении или вообще на пустом месте), мы должны скрыть список search_result.

Это нужно для того, чтобы этот список не присутствовал на экране постоянно и не

мешал посетителю.

В остальном новый поиск будет работать так же, как и старый.