如何将javascript代码附加到此按钮?

时间:2012-05-26 16:55:51

标签: firefox firefox-addon firefox-addon-sdk

我用这段代码创建了一个简单的按钮:

  <toolbarpalette id="BrowserToolbarPalette">

      <toolbarbutton id="ok-nav"
                     class="toolbarbutton-1 chromeclass-toolbar-additional"
                     label="&okok;"
                     tooltiptext="&okok;" />
  </toolbarpalette>

我需要将此书签附加到该按钮:

javascript:(function(){window.open('http://example.com/test/mm.php?title='+encodeURIComponent(document.title))})();

有人可以告诉我如何将此书签附加到该按钮?

2 个答案:

答案 0 :(得分:1)

首先,您需要在叠加层中添加<script>元素。然后,在脚本中,类似以下代码段的内容将帮助您在激活按钮时执行操作。

window.addEventListener("load", function () {
  document.getElementByid("ok-nav").addEventListener("command", function () {
    // do your bookmarklet here
  });
});    

我认为值得阅读XUL Tutorial,尤其是关于叠加的部分:)。

答案 1 :(得分:0)

我打赌你会更经常地使用它。看看JQuery ......

使用JQuery,您可以轻松使用它:

$(document).on('click', '#BrowserToolbarPalette', function(){

window.open('http://example.com/test/mm.php?title='+encodeURIComponent(document.title));

});