Ось так виглядає стандартне спливаюче вікно, яке можна отримати на сайті:
Встановлення та налаштування
Насамперед необхідно підключити ядро командою
Цю команду потрібно виконувати тільки один раз - до операції створення вікна.
де
title - заголовок (на темно-синьому тлі)
head - текст під заголовком, до форми
content - html-код форми з довільними елементами. Перенесення рядків потрібно обов'язково випереджати символом «\»
icon - ім'я класу, який буде навішені на блок з текстом head. Або можна вказати шлях до зображення-фону.
resizable - дозволити зміну розміру вікна (true | false)
draggable - дозволити перетягування мишею (true | false)
height - висота
width - ширина
buttons - масив, що описує кнопки. Особливість кнопок в тому, що вони розташовуються поза формою, тобто стандартний «submit» без обробника натискання не спрацює. У параметрі можна використовувати попередньо кнопки BX.CDialog.btnSave. BX.CDialog.btnCancel. BX.CDialog.btnClose - збереження, скасування і закриття відповідно. Як правило, вони використовуються в режимі завантаження коду з зовнішнього файлу. Розгляд цього способу виходить за рамки статті і описувати його не будемо.
Існує ще один спосіб створення кнопок для спливаючого вікна - за допомогою методу
Параметром є масив кнопок, кожна з яких має властивості:
title - видиме назву
id - ідентифікатор елемента
name - значення атрибута name
action - функція-обробник натискання
Як приклад наведу кілька корисних команд, які можна використовувати в обробнику:
document.getElementById ( "formid"). submit () - відправити форму з id = "formid" методом, зазначеним в заголовку форми
this.parentWindow.Close () - закрити спливаюче вікно
BX.ajax.submit (BX ( "formid")) - відправити форму з id = "formid" за допомогою ajax-запиту.
Отже, вікно створено, всі параметри заповнені, залишилося показати його за допомогою команди
Ось так, просто і швидко, можна створювати динамічні popup-вікна засобами 1с-Бітрікс.