Динамический HTML. Практическое задание № 9.1. Динамическая подсказка | Объектная модель DHTML | программирование на JavaScript | cобытие onMouseOver | cобытие onMouseOut | объект self | объект status

Печать

Динамический HTML. События

Динамическая подсказка

Посмотрите на строку состояния браузера, когда вы проводите указатель мыши над ссылкой. Она показывает URL, на который эта ссылка указывает. Oднако с помощью сценария вы можете выводить более подробное описание ссылки.

Используйте событие onMouseOver дескриптора <a>...</a> для того, чтобы вывести текст справки, и событие onMouseOut, чтобы стереть его. Для каждой ссылки на вашей Web-странице добавьте атрибут onMouseOver к дескриптору <a>...</a> – тогда каждый раз, когда пользователь перемещает мышь над ссылкой, будут выполняться два оператора, назначенных этому событию.
Первый оператор self.status="Текст подсказки"; выводит текст, содержащийся внутри одиночных кавычек, в строке состояния браузера. Замените этот текст на реальное описание ссылки.
Второй оператор – return true; – предотвращает вывод URL браузером в строке состояния.

Добавьте также атрибут события onMouseOut к каждому дескриптору <a>...</a>, как показано далее; он работает точно так же, как и атрибут onMouseOver, о котором вы только что прочитали. Он нужен для очистки строки состояния, когда пользователь покинет ссылку. (см. пример 9.1):