www.warayg.narod.ru - Web - кодинг: JavaScript - Самоучитель по JavaScript

Web - кодинг: JavaScript:

Самоучитель по JavaScript
Урок 10. Команды onUnload и onMouseOut

Автор: и Эндри Грауни
Перевод © Татьяна

красным цветом даны примечания переводчика
Концепция Скрипт Эффект Разбор скрипта Задание

Концепция

Это два последних обработчика событий, которые вы должны иметь в своем арсенале: onMouseOut и onUnload (обратите внимание на заглавные буквы). Я свел их в одном уроке, потому что обе они начинают действовать после того, как вы что-то сделали. onMouseOver вызывает некое событие, если навести мышь, к примеру, на ссылку. В противоположность ей onMouseOut начинает действовать, если курсор увести со ссылки. Вы также знаете, что команда onLoad запускает скрипт, когда страница загружается. Команда onUnload действует, когда пользователь уходит со страницы.

Скрипт

С мышью:

<A HREF="les10.htm" onMouseOver="window.status='Эй! Убирайся с меня!';
return true"
onMouseOut="window.status='Так-то лучше, спасибо'; return true">
Наведите курсор на эту ссылку и уведите обратно</A>

При уходе со страницы:

Эффект

Поместите курсор на ссылку и обратно несколько раз, глядя на строку состояния. Это первый эффект. Нажмите на ссылку, чтобы увидеть второй.

Разбор скрипта

Эффекты с мышью, как вы уже догадались, создаются с помощью команд onMouseOver и onMouseOut. Обратите внимание, что между ними ощутимая разница. Вам не нужно, чтобы эти события происходили одновременно. Помните, несколько уроков назад мы разделяли два обработчика событий запятой, чтобы они происходили одновременно? Здесь не тот случай. Следовательно, нужно писать их как две абсолютно разные команды, каждая из которых содержит свою команду return true.

Чтобы получить такой эффект при уходе со страницы, добавляем команду onUnload="alert('Уже уходите?')" в строку BODY. Обратите внимание на двойные и одинарные кавычки. Внутри двойных — одинарные. Вторая пара двойных кавычек означает для браузера конец команды.

Ваше задание

Потренируемся с функцией, onMouseOver и onMouseOut.

Создайте страницу с гипертекстовой ссылкой.
Когда курсор находит на ссылку, в строке состояния должны появляться слова: «Привет, пользователь название браузера!».
Когда курсор уходит со ссылки, в строке состояния должен появляться текст: «Не скучаете у нас на URL страницы?»
Если щелкнуть по ссылке, должно всплыть окно со словами: «Уже уходите? Сейчас всего только текущее время»;
Время должно определяться через функцию.
Не пользуйтесь командой onClick, чтобы вызвать окно предупреждения, возьмите команду onUnload.

Вперед, на Урок 11