Глава 40. Интерактивный Web-сайт________________________987
Код листинга 40.1 является лишь основой формы для отклика, использующей HTML-таблицы для компоновки. В следующих разделах главы мы добавим дополнительные возможности, которые будут активизироваться при нажатии кнопки More (Больше), а также проверять данные, введенные пользователем.
(См. раздел "Комбинирование форм и таблиц"главы 11.)
Дополнение формы слоями
Всех пользователей можно разделить на две группы:"рядовые"и "продвинутые". Работая с формами, вы можете предложить рядовым посетителям обычные поля для ввода, а для продвинутых предусмотреть дополнительные поля.
Как это сделать? Вы можете расположить сразу все поля, разрешив некоторые из них игнорировать. Или можно скрыть дополнительные поля, предусмотрев специальную кнопку для их вывода. Последний способ часто употребляется в операционных системах Windows 95 и Windows NT 4.0. Вам, конечно, приходилось встречать подобные диалоговые окна, имеющие кнопки Advanced или More, по нажатию которых выводятся дополнительные поля. Работая в расчете на браузер Netscape Navigator 4.0, спрятать часть формы не представляет труда. Для этого надо использовать комбинацию слоев и скриптов. В листингах 40.2 и 40.3 показаны соответствующие примеры. Листинг 40.2 представляет собой код, который нужно добавить к предыдущему примеру (листинг 40.1)для того, чтобы создать слой. Он содержит два поля, отформатированных таблицей. Код листинга 40.2 нужно вставить в листинг 40.1 перед закрывающим
ТЭГОМ</FORM>.
<!-- This layer contains the hidden part of the form that the user sees
when they click on More». The event-handler at the top of this file shows the layer. -->
<LAYER NAME=MORE VISIBILITY=HIDE><TABLE CELLPADDING=10><TR><TD>
<B>Type the URL of your home page:</B><BR><INPUT NAME=FEEDBACK_URL TYPE=TEXT SIZE=60></TD><TD>
<B>Type your phone number :</BXBR><INPUT NAME=FEEDBACK PHONE TYPE=TEXT SIZE=32>