Открыть всплывающее окно BX24.openApplication
Мы еще обновляем эту страницу
Тут может не хватать некоторых данных — дополним в ближайшее время
void BX24.openApplication([
Object parameters[
Function closeCallback
]
]);
При вызове метода BX24.openApplication будет открыто всплывающее окно с фреймом приложения. Приложению будут переданы данные из параметра parameters. При закрытии всплывающего окна будет вызван обработчик closeCallback. Метод может контролировать размеры, заголовок, и лейбл сладера.
Параметры
|
Параметр |
Описание |
|
parameters |
Объект с параметрами, которые будут переданы открываемому приложению в виде JSON-строки |
|
closeCallback |
Обработчик закрытия приложения |
|
bx24_width |
Ширина слайда |
|
bx24_label |
Заголовок плашки |
|
bx24_title |
Заголовок страницы |
|
bx24_leftBoundary |
Слайдер во всю ширину с отступом слева. Не может быть одновременно с bx24_width. |
Для плейсментов CRM_*_LIST_MENU заблокировано.
Примеры
Единый пример для BX24.openApplication и BX24.closeApplication
<script src="//api.bitrix24.tech/api/v1/"></script>
<?
// разбор входных данных
$placementOptions = array();
if(array_key_exists('PLACEMENT_OPTIONS', $_REQUEST))
{
$placementOptions = json_decode($_REQUEST['PLACEMENT_OPTIONS'], true);
}
// если приложение не развернуто, выводим кнопку открытия, в противном случае закрытия
if(!isset($placementOptions['opened']))
{
?>
<span onclick="openApplication()">Open</span>
<?
}
else
{
?>
<span onclick="closeApplication()">Close</span>
<?
}
?>
<script>
function openApplication()
{
BX24.openApplication(
{
'opened': true // данные, передаваемые открываемому приложению
},
function()
{
// этот обработчик сработает, когда приложение будет закрыто
alert('Application closed!')
}
);
setTimeout(closeApplication, 15000); // автоматически закрыть через 15 секунд
}
function closeApplication()
{
BX24.closeApplication();
}
</script>
Пример со слайдером
BX24.openApplication(
{
'opened': true,
'bx24_width': 450,// int
'bx24_label': {
'bgColor':'pink', // aqua/green/orange/brown/pink/blue/grey/violet
'text': 'my task',
'color': '#07ff0e',
},
'bx24_title': 'my title', // str
//'bx24_leftBoundary': 300, //int
},
function()
{
console.log('Application closed!')
}
);
Как использовать примеры в документации