Продолжение, начало см. МК 20 (243)
VBScript и элементы управления
Создание интерактивных web-приложений, взаимодействующих с пользователем через элементы управления — одно из главных применений VBScript. Для этого VBScript поддерживает объектно-ориентированные средства, наделяющие его объекты методами, свойствами и событиями. Для тех, кто недостаточно знаком с принципами объектно-ориентированного программирования, кратко поясним, что это означает.
Метод объекта — это процедура или команда, сообщающая объекту, что нужно выполнить некоторую задачу. Свойство — это один из параметров объекта. Наконец, событие — это сигнал, подаваемый, когда с объектом что-то происходит.
Используя методы, свойства и события, разработчик может осуществлять полный контроль над объектом. Например, если в программе нужно обработать нажатие кнопки, разработчик должен запрограммировать соответствующее событие. Если же необходимо в текстовое поле ввести какое-либо значение, обращаются к соответствующему свойству поля. В далбнейшем мы неоднократно будем со всем этим сталкиваться на примерах.
Обычно для создания web-приложений используют стандартные элементы управления: поля ввода, списки строк, разворачивающиеся списки, кнопки и т.д. Собственно говоря, эти элементы относятся к языку разметки HTML, но без использования сценариев, в т.ч. на VBScript, они практически не способны выполнять какую-либо полезную работу. Кроме традиционных элементов управления, VBScript позволяет принимать ввод и от других объектов HTML-кода, которые элементами управления по существу не являются. Например, для текстового параграфа можно запрограммировать обработку таких событий как нажатие (клик) мышки или наведение курсора мышки на объект.
Для иллюстрации работы с элементами управления начнем, как всегда, с простых примеров. На прошлом уроке мы разобрали создание на VBScript функции, возвращающей максимум двух чисел. Сейчас мы дадим этой функции практическое применение, создав с помощью VBScript небольшой калькулятор. Включим в web-страницу форму ввода:
<FORM NAME="F1"> Первое число <INPUT TYPE="TEXT" NAME="N1"> Второе число <INPUT TYPE="TEXT" NAME="N2"> Операция <SELECT NAME="D1"> <OPTION VALUE="1">Max <OPTION VALUE="2">Min <OPTION VALUE="3" SELECTED>Умножить </SELECT> Результат <INPUT TYPE="TEXT" NAME="T1"> <INPUT TYPE="BUTTON" NAME="ExeBtn" VALUE="Вычислить"> </FORM>
Результат показан на Рис. 1. Кратко опишем содержимое нашей формы. Для ввода чисел создано два поля (с именами N1 и N2), для выбора операции — разворачивающийся список с именем D1 (он содержит три элемента для выбора указания нужной операции), поле для вывода результата (T1) и кнопку запуска (ExeBtn). Описанные элементы — все, что нужно для создания интерфейса нашего примера.
Перейдем к программной части. Функцию Max(x1,x2) мы создали на прошлом уроке. Поэтому ее текст без изменения включим в