Иногда бывает интересно, а то и необходимо, вывести контент в модальном окне, для чего мы можем использовать плагин 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]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque tempus, quam sed egestas varius, turpis ipsum mollis ipsum, in congue tellus neque vitae felis. Vestibulum eget tristique purus. Sed eget arcu vel sem tristique viverra. Donec sagittis leo ut facilisis euismod. Cras ac ante nisi. Duis non ante ante. Pellentesque dui diam, rutrum at magna et, feugiat bibendum ex.

Sed tempus, dolor non varius placerat, lectus metus sodales sapien, aliquam blandit urna massa vitae nisl. Fusce at lacinia nisl. Nulla mi mi, suscipit id leo ac, finibus fermentum risus.

Примечание: Тег modalcontent можно разместить в любом месте страницы. У вас также может быть несколько modal ссылок, открывающих один и тот же modalcontent контент.

Остальное я использую реже, а посему надо будет, нырну в Документацию.

 

Добавить комментарий

Отправить