[POPUP] Créer une extension firefox basique

Vous vous penchez sur le développement d'applications ou d'extensions pour Mozilla ? C'est alors vers ce forum que se dirigeront naturellement vos requêtes...

Modérateur : chBok

Nitrome
Arias
Messages : 1
Inscription : 05 janv. 2014, 15:45

[POPUP] Créer une extension firefox basique

Message par Nitrome » 05 janv. 2014, 16:04

Bonjour à tous :D

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 :shock: (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 :D
Mon extension chrome ici

Merci d'avance !!

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

Avatar de l’utilisateur
quentinlamamy
Salamandre
Messages : 20
Inscription : 27 févr. 2014, 16:57
Localisation : Lille

Re: [POPUP] Créer une extension firefox basique

Message par quentinlamamy » 10 juil. 2014, 11:04

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
Votre problème est résolu ? Merci de l'indiquer en modifiant le titre de votre premier message !
☣ Merci de ne pas demander de l'aide par MP ou par email, le forum est là pour ça !

Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités