Спливаюча підказка
Робота з графічним елементом «Спливаюча підказка»
Графічний елемент Spry «Підказка» відображає додаткові відомості, коли користувач наводить курсор на певний елемент веб-сторінки. Додатковий вміст зникає, коли курсор виходить за межі об'єкта. Можна налаштувати на більш тривалий відображення підказки, щоб користувач міг взаємодіяти з її вмістом.
Графічний елемент «Підказка» складається з наступних трьох елементів.
При вставці графічного елементу «Підказка» Dreamweaver створює контейнер підказки за допомогою тегів div, а елемент-тригер поміщає в теги span. У Dreamweaver ці теги використовуються за замовчуванням, але для підказки і елемента тригера можуть використовуватися будь-які теги, якщо тільки вони знаходяться в тілі сторінки.
При роботі з графічним елементом «Спливаюча підказка» пам'ятаєте про наступні моменти.
• Відкрита підказка закриється, перш ніж відкриється наступна.
• Підказка не зникає до тих пір, поки користувач утримує курсор над областю активації.
• Немає ніяких обмежень на типи тегів, що використовуються для активації і для вмісту підказки (але рекомендується користуватися елементами рівня блоку, щоб уникнути можливих проблем при відображенні в різних браузерах).
• Стандартне підказка відображається на 20 пікселів нижче і правіше курсору. Параметри горизонтального і вертикального зсуву в інспектора властивостей дозволяють встановити замовну точку відображення.
• На даний момент відображення розкритою підказки під час завантаження сторінки в браузері неможливо.
Ця дія вставляє новий графічний елемент «Підказка», що містить контейнер для вмісту і пропозиція-заповнювач, що грає роль тригера.
Можна також виділити на сторінці існуючий елемент (наприклад, зображення), а після цього вставити підказку. В цьому випадку виділений елемент буде виконувати роль тригера для створюваної підказки.
Виділена область повинна бути елементом повного тега (наприклад, img або p), щоб Dreamweaver міг призначити йому атрибут ID, якщо він ще не призначений.
Зміна параметрів графічного елементу «Підказка»
Для графічного елементу «Підказка» можуть бути задані параметри, що задають його поведінку.
1 Наведіть курсор на вміст підказки на сторінці або помістіть на нього курсор вставки.
2 Клацніть синю вкладку графічного елементу «Підказка», щоб вибрати його.
3 Змініть установки в інспектора властивостей графічного елементу «Підказка».
Ім'я Ім'я контейнера підказки. У контейнері знаходиться вміст підказки. За замовчуванням Dreamweaver використовує в якості контейнера тег div.
Тригер Елемент на сторінці, що активує підказку. За замовчуванням Dreamweaver вставляє в якості тригера пропозицію-местозаполнітель всередині тега span, однак замість нього може бути обраний будь-який елемент сторінки, який має унікальний ідентифікатор.
Слідувати за вказівником Якщо цей параметр встановлений, то підказка слід за покажчиком миші при його переміщенні по елементу-тригеру.
Приховувати при прибиранні курсору Якщо цей параметр встановлений, то спливає підказка не зникає до тих пір, поки покажчик знаходиться над нею (навіть якщо при цьому він виходить за межі елемента-тригера).
Підказку зручно тримати відкритою, якщо в ній є посилання або інші інтерактивні елементи. Якщо цей параметр не встановлено, то елемент підказки закривається відразу ж, як тільки покажчик виходить за межі області активації.
Горизонтальне зміщення Обчислює горизонтальне зміщення підказки щодо покажчика миші. Значення зсуву в пікселах (за замовчуванням 20 пікселів).
Вертикальний зсув Обчислює вертикальне зміщення підказки щодо покажчика миші. Значення зсуву в пікселах (за замовчуванням 20 пікселів).
Затримка відображення Затримка відображення підказки в мілісекундах після переходу покажчика на елемент-тригер. Значення за замовчуванням дорівнює 0.
Затримка приховування Затримка приховування підказки в мілісекундах після виходу покажчика за межі елемент-тригера. Значення за замовчуванням дорівнює 0.
Ефект Вид ефекту, який слід використовувати при відображенні підказки. Жалюзі нагадує віконне жалюзі, яке піднімається при відображенні підказки і опускається при її приховуванні.
Розчинення плавно проявляє зображення підказки і розчиняє його. Значення за замовчуванням - «none».