Джо Бернс Урок 10. Команды onUnload и onMouseOut.
Концепция
Это два последних обработчика событий, которые вы должны иметь в своем арсенале: onMouseOut и onUnload (обратите внимание на заглавные буквы). Я свел их в одном уроке, потому что обе они начинают действовать как бы после того, как что-то произошло. onMouseOver вызывает некое событие, если навести мышь, к примеру, на ссылку. В противоположность ей onMouseOut начинает действовать, если курсор увести со ссылки. Вы также знаете, что команда onLoad запускает скрипт, когда страница загружается. Команда onUnload действует, когда пользователь уходит со страницы.
Скрипт
C мышью:
<A HREF="les10.htm" onMouseOver="window.status='Эй! Убирайся с меня!';
return true
onMouseOut="window.status='Так-то лучше, спасибо'; return true">
Наведите курсор на эту ссылку и уведите обратно</A>
При уходе со страницы:
<BODY onUnload="alert('Уже уходите?')">
Эффект
Наведите курсор на ссылку и обратно несколько раз, глядя на строку состояния. Это первый эффект. Нажмите на ссылку, чтобы увидеть второй.
Наведите курсор на эту ссылку и уведите обратно
Разбор скрипта
Эффекты с мышью, как вы уже догадались, создаются с помощью команд onMouseOver и onMouseOut. Обратите внимание, что между ними ощутимая разница. Вам не нужно, чтобы эти события
происходили одновременно. Помните, несколько уроков назад мы разделяли два обработчика событий запятой, чтобы они происходили одновременно? Здесь не тот случай. Следовательно, нужно писать их как две абсолютно разные команды, каждая из которых содержит свою команду return true.
Чтобы получить такой эффект при уходе со страницы, добавляем команду onUnload="alert('Уже уходите?')" в строку BODY. Обратите внимание на двойные и одинарные кавычки. Внутри двойных — одинарные. Вторая пара двойных кавычек означает для браузера конец команды.
Ваше задание
Потренируемся с функцией, onMouseOver и onMouseOut.
- Создайте страницу с гипертекстовой ссылкой.
- Когда курсор находит на ссылку, в строке состояния должны появляться слова: "Привет, пользователь название браузера!".
- Когда курсор уходит со ссылки, в строке состояния должен появляться текст: "Не скучаете у нас на URL страницы?"
- Если щелкнуть по ссылке, должно всплыть окно со словами: "Уже уходите? Сейчас всего только текущее время."
- Время должно определяться через функцию.
- Не пользуйтесь командой onClick, чтобы вызвать окно предупреждения, возьмите команду onUnload.
Назад | Содержание | Вперед
|

Джо Бернс
Введение
Сообщения об ошибках
Дата и время
Команда onMouseOver
Еще обработчики событий
Запрос пользователю
Концепция свойств
Иерархия объектов
Создание функции
onUnload и onMouseOut
Новые окна
Новые окна (прод.)
Метод confirm
Математ. переменные
Смена картинки
Смена через функцию
Функция внутри формы
Форма и свойство value
Данные в функцию
Случайные числа
Введение в if
If и Else
Случайный выбор
Введение в FOR
Введение в WHILE
Введение в массивы
Слайд-шоу
Анимация
Подтверждение ввода
|