Глава 5. АВТОМАТИЗАЦИЯ ВЗАИМОДЕЙСТВИЯ
ПОЛЬЗОВАТЕЛЯ С WEB-СТРАНИЦАМИ
Замена параметров объектов на Web-странице
Другой прием, изменения параметров (стилей) для объектов на Web-странице заключается в использовании списков с заданными параметрами, среди которых можно выбирать наиболее приемлемый вариант для пользователя, чтобы применить для оформления страницы. Так, воспользовавшись гиперссылкой ПРИМЕР20, можно увидеть Web-страницу (рис. 41) с расположенными на ней кнопками и раскрывающимся списком для выбора варианта установки цвета либо фону, либо тексту.
Рис. 41. Пример использования заданных параметров в списке для управления цветовым оформлением фона и текста на странице
Действие команды изменения параметров объекта распространяется на тот объект, который указан в сценарии. Сценарий запускается командной кнопкой. На Web-странице примера 20 расположены две командные кнопки. Первая кнопка связана со сценарием, который после события Click получает значение индекса из раскрывающегося списка, после чего используется класс объектов Options(), для которого основным параметром является индекс, отмеченного элемента в раскрывающемся списке, а параметром является переменная в виде текстового значения. Различием между двумя аналогичными сценариями для первой и второй кнопки, заключается в том, что после того, как выбрана константа, определяющая цвет, необходимо присвоить ее значение либо всему полю открытой странице в браузере, либо только изменить цвет символов. Напомним, что для объектов <BODY>, <TABLE>, <TEXTAREA> цвет фона обозначается BgColor, а для шрифта – FgColor.
В примере дан универсальный подход замены свойств у объектов, когда на странице представляются несколько списков, то в каждом из них можно указать отдельное значение свойства, например, размер, тип шрифта, текст, который может появиться на командных кнопках и т.п. Следует обратить внимание на то, что если некоторые объекты поместить в теге-контейнере, как это сделано в примере для текста, помещенного в тег <DIV>, то правила изменения в них свойств не будут распространяться.
Листинг 22.
<HTML>
<HEAD>
<TITLE>Объекты браузера</TITLE>
<SCRIPT Language="VBScript">
Sub Kn1_OnClick ' В подпрограммах использованы переменные одинаковые, чтобы использовать одну и ту же таблицу цветов
intIn=Document.F1.vid.SelectedIndex ' Задаем переменную intIn, которую будем выбирать по индексу
svet=document.F1.vid.Options(intIn).Text ' Передаем текстовую константу в переменную intIn
Document.bgColor=svet ' Отображаем значение цвета в виде фона
End Sub
Sub Kn2_OnClick
intIn=Document.F1.vid.SelectedIndex ' Задаем переменную intIn, которую будем выбирать по индексу
svet=document.F1.vid.Options(intIn).Text ' Передаем текстовую константу в переменную intIn
Document.fgColor=svet ' Отображаем значение цвета текста
End Sub
</SCRIPT>
<STYLE TYPE="text/css">
#Sp
{background-color:white;
font-family:Arial; Color:navy;
border-style:ridge; border-color:silver;}
</STYLE>
</HEAD>
<BODY>
<FORM Name="F1">
<DIV ID="Sp">
В раскрывающемся списке, а это объект OPTION
использованы наименования цветов, которые
являются константами для VBScript, поэтому
они записаны на английском языке.
</DIV>
В раскрывающемся списке можно выбрать любой цвет
<SELECT Name="vid">
<OPTION>Red
<OPTION>Blue
<OPTION>White
<OPTION>Lime
<OPTION>Purple
<OPTION>Olive
<OPTION>Yellow
</SELECT>
<P>
<INPUT TYPE=Button Name="Kn1"
Value=" Заменить цвет фона "><BR>
<INPUT TYPE=Button Name="Kn2"
Value="Заменить цвет текста"><BR>
</FORM>
<H2><B>Демонстрация замены цвета у фона и у текста</B></H2>
</BODY>
</HTML>
