Использование позиционирования Panel в новом Jetpack API - PullRequest
Новая
       12

Использование позиционирования Panel в новом Jetpack API

2 голосов
/ 11 октября 2010

Я сейчас использую новую версию Jetpack API, которая позволяет создавать дополнения для Firefox с использованием JS-фреймворка.

Объект 'панель' прост в использовании - но я изо всех силнайти способ позиционировать его.В документации просто говорится ( Jetpack Panel API ) 

panel.show(anchor) DomElement

Но я бы хотел расположить панель в правом нижнем углу окна - как это сделать - и гдемогу я найти дополнительную документацию об этом.

1 Ответ

1 голос
/ 21 октября 2010

Единственный способ, с помощью которого я могу расположить панель справа внизу, требует, чтобы значок (или текст, как в примере ниже) был помещен в строку состояния.После этого панель может быть связана с позицией над значком.

Подражание JEP wiki Jetpack : 

function openBottomRightPanel(anchor){
  jetpack.panels.open({
    url: "http://stackoverflow.com",
    anchor: anchor,
    align: "bottom right with anchor top right"
  });
}

jetpack.statusBar.append({
  html: "View SO",
  onReady: function(widget) {
    $(widget).click(function(){
      openBottomRightPanel(widget);
    });
  },
});

При нажатии на текст строки состояния появляется окно с результатом(Панель Jetpack) должна открыться в правом нижнем углу окна браузера.(Nb Может быть, значок / текст может быть пустым, если панель открыта программно?)

...