Продолжение, начало см. МК 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><option value="2">Min </option><option value="3" selected="">Умножить </option></select> Результат <input type="TEXT" name="T1"> <input type="BUTTON" name="ExeBtn" value="Вычислить"> </form>
Результат показан на Рис. 1. Кратко опишем содержимое нашей формы. Для ввода чисел создано два поля (с именами N1 и N2), для выбора операции — разворачивающийся список с именем D1 (он содержит три элемента для выбора указания нужной операции), поле для вывода результата (T1) и кнопку запуска (ExeBtn). Описанные элементы — все, что нужно для создания интерфейса нашего примера.
Перейдем к программной части. Функцию Max(x1,x2) мы создали на прошлом уроке. Поэтому ее текст без изменения включим в `
В этом варианте информация об элементе управления и обрабатываемом событии содержится в дополнительных атрибутах (FOR и EVENT) сценария, кроме того, код обработки заключен в самом