Всплывающее popUp меню средствами Битрикс.
В сообществе Битрикс уже рассказывали про модальное popup окно. Иногда нужно реализовать простое всплывающее меню как представлено ниже.
Сейчас поговорим о том, как его вывести.
Для это достаточно написать нижеприведенный код:
"myPopupForm" - строка - уникальный id DOM-элемента;
BX("menuBtn") - параметр «принадлежности окна» к какому-либо DOM-элементу на странице (то есть относительно какого элемента будем выводить всплывающее меню);
menu - собственно массив объектов с элементами меню;
params - параметры окна, аналогичные в .
В сообществе Битрикс уже рассказывали про модальное popup окно. Иногда нужно реализовать простое всплывающее меню как представлено ниже.
Сейчас поговорим о том, как его вывести.
Для это достаточно написать нижеприведенный код:
var menu = [];
menu.push({
text: "Бизнес процессы",
title: "Бизнес процессы",
href: "/company/personal/bizproc/"
});
menu.push({
text: "Сервисы",
title: "Сервисы",
href: "/services/"
});
var params = {
offsetLeft: 20,
closeByEsc: true,
angle: {
position: 'top'
},
events: {
onPopupClose : function(){
//обработка событии при закрытии меню
}
}
}
var popupMenu = new BX.PopupMenuWindow(
"myPopupForm",
BX("menuBtn"),
menu,
params
);
popupMenu.popupWindow.show();
|
"myPopupForm" - строка - уникальный id DOM-элемента;
BX("menuBtn") - параметр «принадлежности окна» к какому-либо DOM-элементу на странице (то есть относительно какого элемента будем выводить всплывающее меню);
menu - собственно массив объектов с элементами меню;
params - параметры окна, аналогичные в .
Группы на сайте создаются не только сотрудниками «1С-Битрикс», но и партнерами компании. Поэтому мнения участников групп могут не совпадать с позицией компании «1С-Битрикс».
