Спливаючі підказки у Joomla! 1
Отже, спочатку трохи конкретизуємо і скоротимо «предмет дослідження». Наскільки я зрозумів із питання — вас цікавить саме фронтенд — тобто те, що бачить користувач на вашій сторінці. Ок, вважаємо, що визначились. Отже, спочатку відповім з приводу цієї частини питання «чи є можливість засобами HTML і CSS реалізувати tooltips ( спливаючі підказки ) в Joomla 1.5» - так є, і не тільки в Joomla 1.5, а скрізь, але не зовсім повноцінно і не для всіх браузерів, якщо говорити тільки про HTML та CSS.
Спосіб дуже простий. Але він в той же час і трохи ресурсомісткий, для веб-майстра. Суть його полягає в тому, що справжній title у посилання відсутній, а в місці, де необхідно зробити гарний тултип, ми використовуємо конструкцію типу:
Де, власне, підказка і поміщена в span. Тут ми використовуємо чистий html, а до нього CSS типу такого:
Рішень, на кшталт цього море. Плюс тут у тому, що це чистий CSS, а мінус у тому, що застосування можливе лише у місцях, де спеціально створена потрібна конструкція. У результаті ми не можемо використовувати чистий метод для створення стилю для title на всі сторінці.
Докладно описано тут. Але це тільки частина рішення, оскільки ми матимемо красиві toltips тільки у посилань з потрібним класом. Тепер, як нам зробити так, щоб всі посилання мали красивий tootip, як показано в прикладі http://demos111.mootools.net/Tips. Насправді все значно простіше, ніж можна уявити. Якщо подивитися на js-код у прикладі на сайті Mootools, то в будь-якомузапропонованих способів ми бачимо, що використовується функція «$$ «, наприклад:
Тобто, ми звертаємося безпосередньо до елемента зcllass="Tips2" нашого дерева DOM. Але, якщо ми подивимося документацію Mootools, то ми побачимо, що функція «$$ » у Mootools дозволяє нам також звертатися до будь-якого елемента за селектором. Тобто все що нам потрібно зробити для того, щоб красиві підказки були у всіх посилань на сторінці, так це замінити в наведеному прикладі селектор класу на атрибут тега посилання:
Причому зробити їх напівпрозорими або ще як це вже тільки CSS. А конструкція самого заголовка посилання може мати вигляд title="Заголовок підказки:: Текст підказки".
Залишається тільки додати, якщо ви хочете абстрагуватися від стандартного методу підказок Joomla! 1.5, то вам не потрібно у шаблоні викликати метод . Досить просто викликати , а для ініціювання ефекту підказок Mootools у шаблоні між і прописати скрипт:
Наче все. Залишається тільки додати, що використовувати це можна і не Joomla! 1.5, а скрізь, де ви "прикрутите" Mootools. Успіхів вам з Joomla! 🙂
Щоб скрипт працював за замовчуванням для всіх посилань на сторінці при створенні класуобов'язково використовувати не просто var Tips а саме var Tips2. Тоді немає конфлікту зі змінною бібліотекою Joomla! за замовчуванням.
Та ще, обіцянийпостовий :
Новий рік настав, а блогосфера продовжує Новорічні PR.
Схожі записи:
Корисна річ, дякую за реалізацію.
Дивись. Я тестував це рішення в рамках простого html, але суть його проста і повинна працювати в будь-якому вигляді згенерованого коду. Тому що беруться всі посилання на сторінці та обробляються. Подивися у відладчику, наприклад Firebug, чи немає конфліктускриптів. Я як розгрібусь із справами обов'язково потестую і відпишуся.
Адже недарма у всіх шаблонах Yoo та рокет тощо. mootools підключають ще з додаткової бібліотеки шаблону хлопці напевно вульгарні і як казати плавали .. )))
Дивись, якщо ти використовуєш цей скрипт усередині шаблону між