Всплывающие окна из AJAX средствами новой JavaScript библиотеки Битрикс

Речь о библиотеке, размещенной в папке /bitrix/js/main/core/

До ее появления можно было делать так (сейчас тоже, старая библиотека осталась):

<script type=’text/javascript’>
jsPopup.ShowDialog(‘/some/url’);
</script>

Правда, для работы этого кода нужно подключить 6 отдельных файлов. Два файла CSS и два JS.

В новой библиотеке есть два модуля — ajax и popup. Подключается эта радость всего одной строчкой на PHP:

<?CUtil::InitJSCore(Array(«ajax», «popup»));?>

А вот совмещение AJAX с попапом уже подлиннее одной строки.

<script type=’text/javascript’>
BX.ready(function(){

    var popup = new BX.PopupWindow(«my-popup», null, {
        closeIcon: {right: «12px», top: «10px»}
    });

    BX.ajax.get(‘/some/url’, function(data) {
        popup.setContent(data);
        popup.show();
    });

});
</script>

В итоге попап появляется только после получения данных по AJAX. В примере я повесил отображение попап на загрузку страницы. Но есть и другие варианты.

Запись опубликована в рубрике WEB-программирование с метками . Добавьте в закладки постоянную ссылку.

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