Як створити спливаючі підказки (toltips) в joomla використовуючи чистий html або вбудовані

Рейтинг: 0/5

Хотілося б приділити трохи уваги таким корисним речам як спливаючі підказки і тому, як можна створити їх на сайті з Joomla. Коротко про те, що ж таке спливаючі підказки. Підказка - це текст, який з'являється при наведенні курсору миші на певний елемент сторінки, будь то картинка, слово, блок, кнопка і так далі. Підказки служать, наприклад, для подачі додаткової інформації користувачам або для пояснення, не займаючи при цьому видиму, основну частину сторінки. Наприклад, у вас в на сторінці зустрінеться слово, яке може бути не знайоме відвідувачам вашого сайту, і ви хочете дати їм коротку інформацію про нього. Наприклад: Чорна діра. При наведенні покажчика мишки на фразу Чорна діра. ви побачите підказку, що описує, що це таке. Такий тип подачі додаткової інформації дуже популярний в сучасному веб дизайні. Для створення найпростішої підказки можна скористатися стандартними засобами HTML - задати у тега додатковий атрибут title. наприклад:

За замовчуванням в Joomla версії 3.x (Тестувалося на версії 3.4.5) зі стандартним шаблоном підтримка спливаючих підказок вже включена. Для додавання спливаючих підказок на сторінки вашого сайту слід додати до тегу елемента, у якого повинна буде спливати підказка, клас hasTooltip і атрибут data-original-title. з якого і буде братися підказка. Якщо у елемента заданий атрибут title. то підказка братиметься з нього. наприклад:

В результаті чого отримаємо: наведи на мене курсор

Як ви могли помітити, в підказках такого типу можна використовувати HTML теги, що дозволяє зробити розмітку їх вмісту.

Надалі для всіх бажаючих я опишу створення підказок з використанням behavior.tooltip.