Глава 2

Глава 2. ОБРАБОТКА СОБЫТИЯ НА VBScript

Событие – наезд мыши на элемент Web-страницы

Динамические Web-страницы интересны тем, что на них создаются визуальные эффекты, которые привлекают внимание пользователя. Например, когда пользователь водит указателем мыши по странице, то некоторые элементы могут изменять свой вид. Эффекты создаются на web-страницах сочетанием изменения стилей и подключения обработчика событий. Предположим, что на экране должна быть выделена некоторая текстовая область, если пользователь наведет на нее указатель мыши, само собой разумеется, когда указатель мыши будет уведен с текстового фрагмента, он должен принять свой прежний вид. В ПРИМЕРЕ3 показано, как создается контейнер для текстовой области, к которому подключаются два обработчика событий OnmouseOver – наезд мыши на объект и OnmouseOut – увод мыши с объекта.

Рис. 5. Приложение для работы с событием – наезд мыши на объект

На Web-странице показана текстовая область, которая заключена в контейнер тег <P…> (текст на странице выделен белым фоном). Тегу <P> при загрузке страницы определены начальные параметры стиля, которые записаны в теге <STYLE>. Внутри тега <P> определены два обработчика событий наезд указателя мыши на объект (OnmouseOver) и увод указателя мыши с объекта (OnmouseOver). Для того, чтобы изменялись стилевые оформления текстовой области (элемент Web-страницы), для каждого обработчика события записываются методы, с помощью которых осуществляется изменение текущих параметров элемента (объекта). Напомним, что метод – это некоторая программа, которая запускается в потоке (все операторы выполняются последовательно). Поэтому, программа для изменения параметра элемента Web-страницы, включенная внутрь контейнера, будет выполняться тогда, когда будет указано: где находится объект, что следует изменить у объекта, какое новое свойство будет присвоено изменяемому параметру. Например, если произойдет событие - наезд указателя мыши на объект (элемент в контейнере), то реакцией будет - заменить цвет фона (в данном примере белый цвет фона меняется на жёлтый). Такую запись программы необходимо оформить в виде следующей строки:

<P OnmouseOver=”this.style.background='#FFFACD';”

Текст, который находится в контейнере

Следует обратить внимание на следующие особенности написания программного кода:

а) программные коды находятся внутри контейнера, поэтому необходимо ввести оператор this (здесь), который подключает метод (style) изменения стиля, в котором заменяется параметр (background) цвет фона, а ему присваивается конкретное значение – жёлтый цвет (#FFFACD);

б) программные коды, которые подключаются к обработчику событий всегда заключаются в двойные кавычки (”);

в) обязательно следует использовать знак присвоения – символ равенство (=) для присвоения нового значения параметра стиля;

г) так как в VBScript не указывается тип переменной, то любой параметр системой воспринимается как символы, поэтому его необходимо заключать в одиночные кавычки (').

Полный текст программных кодов, рассмотренного примера, представлен на листинге 4.

Листинг 4.

<HTML>

<HEAD>

<TITLE>Наезд мыши на текст</TITLE>

P {font-size:16pt; background=#F0FFF0; Width:50%}

</STYLE>

</HEAD>

<P Align=Center

OnmouseOver="this.style.background='#FFFACD';

this.style.color='#FF0000'"

OnmouseOut="this.style.background='#F0FFF0';

this.style.color='#000000'">

1. Использование интранет систем для поддержки

профессиональной деятельности государственных служащих.

</P>

</BODY>

</HTML>

Следует обратить внимание, что в тэге STYLE при присвоении параметрам определенных значений используются символ двоеточие (:) и символ равно (=), что можно увидеть в листинге программных кодов.