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



              

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


if(this.checked)

{

  bTitle=true;

}

Последний орган управления, который мы рассмотрим, это кнопка Create Page. Эта кнопка запускает процесс создания нового документа HTML. Для нее также определен обработчик события onClick:

<INPUT TYPE="button" NAME="btn" VALUE="Create Page"

  onClick="btnClick(this.form);">

Этот обработчик вызывает функцию btnClick, передавая ей в качестве параметра ссылку на форму.

Функция btnClick определена в области заголовка документа HTML, исходный текст которого представлен в листинге 3.2.

Внутри этой функции мы определили рабочую текстовую переменную szTxt, присвоив ей значение пустой строки:

var szTxt="";

Когда функция btnClick получает управление, прежде всего она формирует пустую область заголовка документа HTML:

document.write("<HEAD></HEAD><BODY>");    

Далее функция анализирует содержимое переменной bTitle:

if(bTitle)

  document.write("<H1>Switches Checkbox and Radio</H1>");

Если перед тем как нажать кнопку Create Page пользователь включил переключатель Show title, в переменной bTitle будет находиться значение true. В этом случае сценарий снабдит формируемый документ заголовком “Switches Checkbox and Radio”, оформив его стилем <H1>.

Аналогичным образом анализируется содержимое переменной bHorzLine:

if(bHorzLine)

  document.write("<HR>");

Эта переменная отражает состояние переключателя Show horizontal lines.

Далее функция btnClick анализирует содержимое переменной bTable, отвечающей за способ отображения информации о состоянии переключателей в создаваемом документе HTML:

if(bTable)

{

  . . .

}

else

{

  . . .

}

Если переключатель Table view находится во включенном состоянии, информация отображается в виде таблицы.

При формировании первого столбца таблицы цвет текста внутри ячейки устанавливается в соответствии с содержимым переменной szColor:

szTxt=" " + bTitle;

document.write("<TR><TD><FONT COLOR=" + szColor

  + ">Title:</TD><TD>" + szTxt.bold() + "</TD></TR>");     

Напомним, что эта переменная хранит значение цвета текста, установленное группой переключателей с зависимой фиксацией Text color.

Если состояние переключателей отображается в виде списка строк, цвет текста устанавливается следующим образом:

document.write("<FONT COLOR=" + szColor + ">");    




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