Question

Битрикс располагает большими возможностями по API javascript, но на это совсем нет официальной документации.
Очень не хватает полноценной документации Bitrix API javascript!
Что имеется ввиду под API javascript:
1. DIV плавающее окно с заголовком, resize, крестиком справа-вверху и т.д.
2. Различные таблицы элементов которые используются в панеле управления сайтом - почему бы их не вынести в API и не сделать к ним документацию чтобы их использовать в лицевой части сайта?
3. Всплывающие меню (PopupMenu).
4. И т.д.
Это же всё есть в Битрикс, осталось написать документацию.
УВАЖАЕМЫЕ РАЗРАБОТЧИКИ. Будет ли создаваться подобная документация (хотя бы статьи)?

Answer 1

Для примера, как может выглядеть документация: http://alexvaleev.ru/popup-window-bitrix/ Всплывающие окна средствами 1С-Битрикс

Answer 2

Поддержу, документация не помешала бы. А еще лучше перейти на jQuery, т.к. лисапед этот у битрикса не очень-то удачным получается.

Answer 3

Вывести диалоговое окно по центру ?документа? браузера:

Код

<?CUtil::InitJSCore(array('window'));?> <script> var Dialog = new BX.CDialog({    title: "Заголовок окна",    head: 'Текст до формы',    content: '<form method="POST" style="overflow:hidden;" action="/search/" id="searchform">\       <textarea name="search" style="height: 78px; width: 374px;">Много текста</textarea>\       </form>',    icon: 'head-block',    resizable: true,    draggable: true,    height: '168',    width: '400',    buttons: ['<input type="submit" value="test" />', BX.CDialog.btnSave, BX.CDialog.btnCancel, BX.CDialog.btnClose] }); Dialog.Show(); Dialog.Move(-Dialog.PARAMS.width/2,-Dialog.PARAMS.height/2); </script>

Всё находится в /bitrix/js/main/core/core_window.js, но исследовать классы по исходникам получается очень медленно. Достаточно успешно получается исследовать функции и свойства класса CDialog при помощи инспектора Opera Dragonfly - скрипты - отслеживание - Dialog. Древовидное отображение всех свойств и функций в динамике.

Answer 4

Ещё подробности:
в конструктор CDialog:

Код
min_height: '168', //необходимо для корректного resize min_width: '400',

в скрипт после Dialog.Show():

Код
Dialog.Move(-Dialog.PARAMS.width/2,-Dialog.PARAMS.height/2); //Центровка окна в документе Dialog.OVERLAY.style.display = 'none'; //Отключение затемнения и блокировки элементов управления документа страницы

Answer 5

Далее:

Код
Dialog.PARTS.CONTENT.style.backgroundImage = "url('/bitrix/templates/<шаблон>/JSCore/dialog_borders_c.png')"; //Определение цвета краёв окна. Исходный файл здесь: (прозрачность) /bitrix/js/main/core/images/dialog_borders_c.png Dialog.PARTS.CONTENT_DATA.style.backgroundColor = '#efefef'; //Определение цвета фона контента окна

Answer 6

Так же без проблем создаётся объект второго окна, инициализируется и выводится. Только кнопки закрытия для обоих окон нужно определить так:

Код
'<input type="submit" value="Close" onclick="javascript:Dialog<номер объекта>.Close()" />'

Иначе одним нажатием на BX.CDialog.btnClose - закроются оба окна.
Извиняюсь за лишние пробелы в тексте - форум зачем-то их добавляет и не получается их убрать.