Описание реализации всплывающей подсказки (tooltip) с использованием DOM позволяет наглядно продемонстрировать, как DOM+JavaScript работают на практике. Я уже давно хотел написать более-менее большую статью про DOM Level 1 и 2. Как-никак, это очень хороший и нужный стандарт, поддерживаемый уже большинством браузеров. Как всегда с новыми технологиями, поддерживаемый не полностью, но и нынешней реализации достаточно для большинства задач. Я почти начал писать статью, как наткнулся на замечательное описание основ DOM. Поэтому в данной заметке я просто наглядно продемонстрирую, как DOM+JavaScript работают на практике (в Internet Explorer 5+ и Netscape Navigator 6+/Mozilla). Для этого подойдёт скрипт всплывающей подсказки, используемый на этом сайте. Скажу сразу, что я не являюсь автором этого скрипта, но внёс в него существенные поправки, некоторые из которых были учтены Полом Соуденом (Paul Sowden). Принцип данной программки заключается в обработке у всех элементов (за исключением тем, что указаны в настройке Преимущество описываемого варианта tooltip'а над другими в том, что он полностью совместим со старыми браузерами. То есть, он не вызовет в них никаких ошибок — все атрибуты Смотрите и берите js-код без лишних комментариев. Настройки минимальны. Теперь необходимо настроить вид подсказки. CSS элемент
Посмотреть скрипт в действии вы можете, подведя мышку к любой навигационной ссылке. P. S. Уже после написания этой заметки я столкнулся с ошибкой, которая присутствовала в оригинальном скрипте. Проблема возникала в Internet Explorer 6 при указании «правильного» Дело в том, что при этом канвой документа считается не элемент
Раньше, до появления IE 6, чтобы узнать «проскроленность» окна нужно было задействовать P. P. S. Чтобы добиться переносов в tooltip'е, в том месте, где вы хотите, чтобы появился перевод строки, поставьте те символы, которые указаны в свойстве P. P. P. S. Про Opera: скрипт работает начиная с 7-ки, но, alas, не во всех минорных версиях. Кроме того, скрипт не позволяет скрыть, например, показывание URL в системном tooltip'е. Эту опцию можно отключить только через настройки этого самого быстрого на свете браузера. Хитовые статьи про разработку сайтов
Рассылка новостей и новых статей
Сообщения будут приходить пару раз в неделю, не чаще
Объявления |
Об авторе заметок
Примите участие
Некоторые мои проектыОбъявления |
© Александр Шуркаев, 2001–2024. Условия копирования и как стать автором. Если что, пишите на alshur@ya.ru. Осторожно, теги закрываются! |
|