Иногда бывает интересно, а то и необходимо, вывести контент в модальном окне, для чего мы можем использовать плагин Regular Labs Modal, разработанный прекрасным программистом Peter van Westen, который предложим широкий набор плагинов, совместимых с последними версиями Joomla.
Варианты вывода:
URL-адреса
Внутренние URL-адреса
Чтобы создать ссылку, достаточно поместить url внутри открывающего тега . Текст, на который вы хотите нажать, поместите между открывающим тегом {modal} и закрывающим .
[modal url="мой/url"] Нажмите на меня![/modal] Квадратные скобки [] заменить на фигурные {} !!!
Пример:
[modal url="/blog/predvaritelnoj-versiej-ili-maketom-sajta-yavlyaetsya-prototip" width="800"]Потискай меня![/modal]
Полная страница
По умолчанию модалы генерируют внутренние страницы, так что отображается только содержательная (компонентная) часть страницы. Таким образом, без каких-либо боковых модулей и модулей меню.
Если вы хотите загрузить внутреннюю страницу целиком (включая все позиции модуля), просто добавьте fullpage="true" в тег.
Пример:
[modal url="/blog/predvaritelnoj-versiej-ili-maketom-sajta-yavlyaetsya-prototip" width="960" fullpage="true"]Потискай меня![/modal]
Встроенный контент (PRO)
Использование тега Modal
Для получения короткого и простого текстового контента вы можете поместить его прямо в modal тег, используя html атрибут:
[modal html="Этот текст вводится прямо внутри модального тега" title="Привет!"] Показать некоторый встроенный текст [/modal]
Вывод тектового блока
Чтобы размещать целые блоки контента внутри модала без необходимости создания отдельных статей / URL-адресов, вы можете использовать content атрибут в сочетании с modalcontent тегами.
Вы совершенно свободны размещать любой пользовательский контент, который хотите открыть, внутри модала.
Все, что вам нужно сделать, это выбрать псевдоним для modalcontent тега и поместить этот псевдоним в качестве значения для content атрибута в modal теге. В этом примере нашим псевдонимом будет: mycontent.
Пример:
[modalcontent mycontent] ... ваш полностью оформленный контент... [/modalcontent]
[modal content="mycontent" title="Полностью оформленный встроенный контент" width="800"] Намного больше встроенного контента [/modal]
Примечание: Тег modalcontent можно разместить в любом месте страницы. У вас также может быть несколько modal ссылок, открывающих один и тот же modalcontent контент.
Остальное я использую реже, а посему надо будет, нырну в Документацию.