Это старая версия документа.


Библиотека 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