probleme d'alert personnalisée

Salut à tous,

je rencontre un problème assez étrange: je développe un plugin pour chrome et je dois afficher une alert sur la page sur lequel, l'utilisateur navigue.Lorsque j'utilise une alert() basique, pas de problème mais dès que j'essaie d'utiliser une Alert() custom, la rien ne s'affiche, c'est assez déroutant mais j'ai peut être raté quelques chose dans le fonctionnement des executeScript:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

$("#click").click(function(){
  chrome.tabs.getSelected(null,function(tab) {
    var title = tab.title;
    var url = tab.url;
    var date =  new Date();
    date.toUTCString();
    chrome.tabs.executeScript(tab.id, {
      //n'affiche rien ...
      code: "swal('Nice!', 'You wrote: ' + inputValue, 'success');" });

    });
  });
//le code que je dois afficher au final
function alertCustom(){
  swal({
    title: "An input!",
    text: "Write something interesting:",
    type: "input",
    showCancelButton: true,
    closeOnConfirm: false,
    animation: "slide-from-top",
    inputPlaceholder: "Write something" },
     function(inputValue){
       if (inputValue === false) return false;
       if (inputValue === "") {
         swal.showInputError("You need to write something!");
         return false
       }
       swal("Nice!", "You wrote: " + inputValue, "success"); });
};

les swal sont une implémentation de ça pour avoir un rendu un peu plus sexy.

Merci beaucoup de vos aides^^.

p.s : le code du manifest.json :

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

{
 "manifest_version": 2,
 "name": "bible-io",
 "description": "creer des bibliographies simplement",
 "version": "0.1",
   "permissions": [
    "http://*/*",
    "https://*/*",
    "tabs"
  ],
   "browser_action": {
    "default_popup": "popup.html"
  },
  "content_scripts": [
    {
      "matches": ["http://*/*"],

      "js": ["js/jquery.min.js","js/getInfos.js"]
    }
  ]


}

As-tu regardé dans la console de ton extension s'il n'y avait pas des erreurs ?

Es-tu s^r d'avoir rechargé les permissions (en rechargeant ton extension) ?

Oui plusieurs fois même… Rien du coté de la console de l extension… C est assez étrange qu il n y ait pas d erreur

Tu es sûr que l'onglet en question a bien chargé le plugin sweetAlert ?

Mais oui j y suis ! Je charge uniquement cette extension sur la page html du plugin il faudrait donc je charge l extension dans le content script non?

Ah bah oui, si la page dans laquelle tu appelles la fonction ne connait pas cette fonction, ça marchera jamais…

Mais malgré pourquoi aucune erreur apparait sur la console de l'extension? Parce qu elle apparait sur la console sur laquelle je charge l extension?

Tu as une erreur dans la console de l'extension ? Tu m'as dit le contraire tout à l'heure…

J ai dis que aucune erreur apparait sur la console de l extension mais je n ai pas regardé la console de la page sur laquelle est executee l extension…

Ah, bah si il doit y avoir une erreur, elle doit apparaître là où le JS qui pose problème est exécuté, soit l'onglet ciblé…

Et comment charger une extension(ici sweetalert) sur toute une page? Dans le content script?

Je m empresse de tester cette solution

1
2
3

body.stop-scrolling{
  height: 100%;
  overflow: hidden; }

Uncaught SyntaxError: Unexpected token { voila l'erreur que j'ai maintenant…Mais j'ai ça qui s'affiche O.o: http://prntscr.com/961en6

NON! c'est bon ça marche merci infiniment de m'avoir accorder ton temps

N'oublie pas de lire la doc : pour exécuter quelque chose une fois le JS/CSS injecté et exécuté, il faut passer un callback à cette méthode