Это старая версия документа.
Библиотека modals
Библиотека представлена файлом js/modals.js
. Позволяет ускорить процесс разработки с использованием модальных окон.
Есть 2 реализации: старая через глобальные функции и новая с использованием AModal
Ниже представлено описание основных методов
Глобальные функции
Для показа используется объявленное в metategs.tpl модальное окно #PopupModal
, контент для показа загружается непосредственно внутрь блока, или в блок #modalContent
loadToModal (url)
Динамически загружает страницу по заданному url, создаёт обьект aModal, устанавливает полученную страницу в modal-body и показывает новое модальное окно.
openDataInModal(data, decorated, withoutButton)
Вставляет в модальное окно то, что передано в data
.
Если decorated=true, то data
обёртывается в тело модального окна.
Если withoutButton=true, то тело сгенерированного модального окна будет без кнопки.
showImgInModal(url)
Вставляет в модальное окно картинку, с атрибутом src
равным заданному url
Объект AModal
Свойства:
- id , дефолтное значение ('PopupModal')
- header
- body
- footer
- rawData
Объект представляет собой реализацию конкретной части паттерна Builder.
Пример использования:
aModal = new AModal(); aModal .setId('modalTest') .setHeader('Header') .setBody('<h2>One fine body</h2>') .setFooter('Footer') .show();
Особые окна
Если нужно использовать особые параметры модального окна, можно использовать метод setRawData(true).
При этом, значение, установленное в через setBody()
будет вставлено вместо .modal-content