Спливаюча підказка: функції та способи створення
Спливаюча підказка являє собою текстове повідомлення, що виникає при наведенні покажчика комп'ютерної миші на який-небудь елемент управління. Подібні повідомлення найчастіше можна зустріти на різних інтернет-ресурсах під час заповнення полів форми, читання документів з абревіатурою і т.п. З подібними підказками також доводиться стикатися співробітникам різних організацій при заповненні документів і звітів, представлених в електронному вигляді. Спливаючі підказки створюються з однією метою - надати додаткову інформацію та допомогти користувачеві розібратися, з чим він має справу. Створення їх відрізняється в залежності від того, де даний елемент буде розміщений.
Спочатку спробуємо розібратися, як створюються підказки в аналітичній області діяльності, часто використовує різноманітні таблиці і графіки.
Приклад створення підказки в таблиці:
— відкриваємо документ в редагованому режимі або в режимі розробки-
— додаємо в нього новий елемент управління (це може бути зображення, текстове поле, прямокутник) -
— клацаємо на даному елементі управління правою кнопкою комп'ютерної миші, вибираємо в який з'явився після цього списку пункт «Властивості і форматування», далі відкривається вікно з однойменною названіем-
— вибираємо параметр «Загальні», розташований зліва, в який з'явився після цього поле «Спливаюча підказка» набираємо потрібний нам текст, який і буде в ній отображаться-
— натискаємо "Ок" для того, щоб завершити редагування документа.
Зовсім інакше йде справа з підказками, які застосовуються на сторінках сайтів. Створенням їх займаються веб-розробники, як правило, ті, хто займається версткою сайту, тобто переведенням його макета на мови, зрозумілі будь-якому сучасному інтернет-оглядачеві. Для подібних цілей найчастіше застосовується спеціальна бібліотека jquery, спливаючі підказки за допомогою неї можуть бути створені досить швидко. Дана бібліотека в якості окремого документа легко і просто підключається до основного html-документу сторінки сайту. Залежно від задуму дизайнера підказки можуть відрізнятися розміром, кольором, способом появи на екрані користувача. Стандартна спливаюча підказка частіше застосовується для залучення уваги відвідувачів якихось серйозних порталів (медичного, будівельного) і являє собою невелике вікно з розташованим всередині нього текстом.
Створення підказки можливо за допомогою каскадних таблиць стилів (css) без використання при цьому бібліотеки jquery. Css є формальним мовою опису зовнішнього виду документа. З його допомогою сторінки сайту набувають вигляду, який спочатку замислювався дизайнером. Каскадні таблиці стилів дозволяють змінювати зовнішній вигляд будь-якого елементу сторінки, його положення щодо вікна браузера і інших елементів, оформляти дані елементи відповідно до макетом сайту, приховувати їх і забезпечувати їх поява в міру необхідності. Документ Css, як правило, виноситься за межі основного документа сторінки сайту і підключається до нього за допомогою спеціального тега.
Спливаюча підказка: jquery або css?
Підказки, створені із застосуванням css, можуть відрізнятися великою оригінальністю зовнішнього оформлення. У той же час використання бібліотек jquery дозволяє застосовувати до елементу особливі спецефекти. Крім того, підключення бібліотеки - процес нетрудомісткий і не вимагає великої кількості часу. Яким способом створювати підказку на сторінці сайту, кожен фахівець вирішує для себе сам. Більш того, звичайний користувач даного сайту, як правило, не замислюється над тим, як саме були створені складові його елементи. До слова про переваги використання бібліотек jquery, навіщо винаходити велосипед, якщо можна просто трохи поліпшити те, що вже винайдено?