[POPUP] Créer une extension firefox basique

[Nitrome]

Bonjour à tous

J'ai créé une extension sous Chrome, et j'avais envie de la porter sous Firefox mais j'ai été largué dès le début !!!

Sous chrome, j'ai fait une extension qui met une icône à droite de la barre d'url, quand on clique dessus ça ouvre un petit 'popup' (un espèce de menu) dans lequel j'ai mis un <iframe> pour que ça affiche un site.
J'ai essayé de me documenter pour faire de même avec Firefox mais j'ai juste rien compris (alors que c'est Chrome c'est tellement eaaaasy), et pourtant c'est un truc simple je pense^^

Bref je vous met mon extension Chrome pour que vous puissiez voir de quoi il retourne, et en espérant que quelqu'un pourra m'aider
Mon extension chrome ici

Merci d'avance !!


Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/31.0.1650.63 Safari/537.36

[quentinlamamy]

Nitronne voici le code jetpack correspondant à tes besoin :

Code : Tout sélectionner

var { ToggleButton } = require('sdk/ui/button/toggle');
var panels = require("sdk/panel");
var self = require("sdk/self");

var button = ToggleButton({
  id: "my-button",
  label: "my button",
  icon: {
    "16": "./icon-16.png",
    "32": "./icon-32.png",
    "64": "./icon-64.png"
  },
  onChange: handleChange
});

var panel = panels.Panel({
  contentURL: self.data.url("http://google.com"),
  onHide: handleHide
});

function handleChange(state) {
  if (state.checked) {
    panel.show({
      position: button
    });
  }
}

function handleHide() {
  button.state('window', {checked: false});
}

cf https://developer.mozilla.org/en-US/Add ... APIs/panel

Pour l'installation du sdk tu as un tuto [ur]https://developer.mozilla.org/en-US/Add ... tallationl[/url]
J'ai fait une trad en francais (je peux juste pas la poster pour le moment à cause d'un problème sur le mdn)

Amicalement
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:30.0) Gecko/20100101 Firefox/30.0