Сценарии JavaScript в активных страницах Web



              

Пример формы с переключателями - часть 4


     <TABLE>

       <TR><TD><INPUT TYPE="button" NAME="btn" VALUE="Create Page"

       onClick="btnClick(this.form);"></TD>

       <TD><INPUT TYPE="reset" NAME="resetBtn" VALUE="Reset"

        onClick="resetRCHBox();"></TD></TR>

     </TABLE>

    </FORM>

  </BODY>

</HTML>

В области заголовка документа HTML мы определили три функции с именами resetRCHBox, chkRadio и btnClick.

Первая из этих функций предназначена для инициализации переменных, в которых хранится текущее состояние переключателей:

function resetRCHBox()

{

  bTitle=false;

  bHorzLine=false;

  bTable=false;

  szColor="Red";

}

Функция resetRCHBox вызывается в тот момент, когда пользователь нажимает в исходном документе кнопку Reset. Она устанавливает значения четырех переменных.

Переменные bTitle, bHorzLine и bTable отражают состояние, соответственно, переключателей с независимой фиксацией Show title, Show horizontal lines и Table view. Если переключатель включен, в соответствующей переменной хранится значение true, если выключен - false.

В переменной szColor находится цвет текста, выбранный с помощью группы переключателей с зависимой фиксацией Text color.

Начальное состояние переменных, задаваемое функцией resetRCHBox, соответствует начальному состоянию переключателей сразу после загрузки исходного документа HTML в окно браузера.

Для того чтобы обеспечить вызов функции resetRCHBox при нажатии на кнопку Reset, в определении этой кнопки задан обработчик события onClick, как это показано ниже:

<INPUT TYPE="reset" NAME="resetBtn" VALUE="Reset"

        onClick="resetRCHBox();">

Обработка события заключается в простом вызове функции.

Теперь мы займемся переключателями с зависимой фиксацией.

Эти переключатели определены в форме следующим образом:

<INPUT TYPE="radio" NAME="Color" CHECKED VALUE="Red"




Содержание  Назад  Вперед