Question

I am going to ask a VERY general question. I was working on a bookmarklet and decided to create a few browser extensions as well. I was able to make Safari and Chrome extensions pretty quickly but when it came to FF, I was a failure.

I used their builder but it kept giving errors even when I was using their sample code cut and pasted.

If someone could give me a simple step in the right direction, I would appreciate it.

Literally, all I am trying to do is make the add-on button in the add-ons bar clickable and perform either a function or directly an if statement that checks for the existance of the DIVs and if they don’t exist, create them, and if they do exist, destroy them. Basically a toggle.

I have read most (I am sure not all) of their docs in reference to this, but cannot make it work.

I am not looking for the code to do this, but I am missing something.

Answer 1

This is the solution:

var widgets = require("widget");
var tabs = require("tabs");

var widget = widgets.Widget({
  id: "div-show",
  label: "Show divs",
  contentURL: "http://www.mozilla.org/favicon.ico",
  onClick: function() {
    tabs.activeTab.attach({
    contentScript:
    'alert("foo");'
    });
 }

});