2015-09-06
134
Задание 4. Улучшим созданную нами ранее систему поиска.
Прежде всего, мы создадим новый контейнер, дадим ему имя csearch и поместим в него Web-форму поиска. В этот же контейнер, ниже Web-формы, вставим список, в котором будут выводиться результаты поиска. Результаты будем формировать в виде пунктов списка, содержащих гиперссылки на найденные Web-страницы. Дадим этому списку имя search_result и сделаем его изначально скрытым.
Когда посетитель выполнит поиск, проверим, присутствуют ли в списке search_result какие-либо пункты (т. е. выполнялся ли поиск ранее и был ли он удачным), и, если присутствуют, удалим их и скроем этот список. Если поиск увенчался успехом, сформируем в списке search_result пункты, содержащие гиперссылки на найденные Web-страницы, и откроем его. Таким образом, список search_result будет присутствовать на экране только в случае успешного поиска.
Когда посетитель щелкнет на любом месте Web-страницы (неважно — на гиперссылке, в том числе и гиперссылке в списке результатов поиска, на абзаце, на изображении или вообще на пустом месте), мы должны скрыть список search_result.
|
|
|
Это нужно для того, чтобы этот список не присутствовал на экране постоянно и не мешал посетителю.
В остальном новый поиск будет работать так же, как и старый.
Создание контейнера с Web-формой поиска
Откройте Web-страницу index.htm в Блокноте, найдите созданный в предыдущей лабораторной работе фрагмент кода, создающий Web-форму поиска, и удалите его. Вместо него вставьте сразу после открывающего тега <BODY> код, приведенный в листинге 16.25.
