如何编码/连接面板的取消按钮

Question

我正在使用使用common.js。

的新Firefox附加组件SDK

我有一个包含一些HTML5的面板。我想要一个取消按钮;在按下时，它会关闭面板。我怎样才能做到这一点？

Answer 1

使用内容脚本，在单击取消按钮时将消息发送回扩展程序。然后，扩展可以关闭面板。这些方面的东西：

var data = require("self").data;
var panel = require("panel").Panel({
  contentURL: data.url("panel.html"),
  contentScriptFile: data.url("panel.js"),
  onMessage: function(message)
  {
    if (message == "close")
      panel.hide();
  }
});

panel.show();

panel.js包含以下代码：

var cancelBtn = document.getElementById("cancel");
cancelBtn.addEventListener("click", function()
{
  self.postMessage("close");
}, false);