Discussion :

[silma]

Bonjour,

J'essaie de développer un plugin pour firefox. Pour m'entrainer j'ai pris le site netxp.com.

Dans le menu, à coté de "contact" je fais apparaitre un bouton "eat me", et j'aimerais que quand on clique dessus, la page disparaissent et affiche juste "this page has been eaten" (inspiré de la doc : https://addons.mozilla.org/en-US/dev...pts/index.html)

Pour faire apparaitre le bouton, pas de souci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
//edit : ajout de la guillemet (voir message suivant)
var injection = ' <li id="menu_7"> <input id="imhungry" type="button" value="eat me !"/> </li>';
$(injection).insertAfter('#menu_6');

Encore que : quand je regarde le code source de la page : je n'ai pas

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<li id="menu_7">
    <input id="imhungry" type="button" value="eat me !"/>
</li>

mais

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<li id="menu_7">
    <input id="imhungry" type="button" value="eat me !"/>
    </input>
</li>

Je veux ensuite ajouter une action à mon bouton, j'essaie la méthode donnée dans la section "Messaging From Page Script to Content Script" de cette page

Le code est donc :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
var injection = ' <script> function sendMessage() { var event = document.createEvent("eatMe"); event.initCustomEvent("addon-message", true, true, { hello: "world" }); document.documentElement.dispatchEvent(event); } </script> <li id="menu_7"> <input id="imhungry" type="button" value="eat me !" onclick="sendMessage()"/> </li>';
 
 
$(injection).insertAfter('#menu_6');
 
 
document.documentElement.addEventListener("addon-message", function(event) {
  console.log(JSON.stringify(event.detail));
  alert();
}, false);

Sauf que le click sur le bouton ne fait rien. Pire, la partie <script> ... </script> que j'injecte n'apparait pas dans le code source.

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<li id=menu_7">

Tu ne remarques pas qu'il manque l'ouverture des quotes (") ?

[silma]

Si merci. Malgré tout, après correction j'ai toujours le même problème. Le code que j'injecte semble "corrigé" par la page : les balises <script> disparaissent et j'ai une balise fermante </input> qui apparait. Je sais pas si c'est lié à la page, à mon navigateur (firefox 22), ou à mon code javascript...