Для выполнения примера необходимо наличие на html-странице ссылок на файл сценария PP.js и файл стилей PP.css. В событие onload тега <body> необходимо добавить вызов функции createArrowDropPanel(). Создадим и отобразим раскрывающуюся панель со стрелкой и произвольным содержимым:
function createArrowDropPanel() {
arrowDropPanel = new PP.Ui.ArrowDropPanel({
// Устанавливаем размеры панели
Width: 200,
Height: 200,
MaxDropDownHeight: 500,
MaxDropDownWidth: 500,
MinDropDownHeight: 100,
MinDropDownWidth: 100,
// Устанавливаем содержимое панели
Content: "Панель со стрелкой",
// Устанавливаем положение стрелки относительно панели
ArrowPosition: PP.Ui.DropPanelArrowPosition.TopBottom
});
// Отображаем панель относительно точки
arrowDropPanel.showNextControl(new PP.Point(220, 105));
// Удаляем информацию о положении стрелки на панели.
arrowDropPanel.correctPosition();
}
В результате в документе будет отображена раскрывающаяся панель со стрелкой и содержимым:
См. также: