Forums : Xul, Xbl, JS...

Bonjour,

Je teste une petite extension pour Firefox. Je mets une image dans mon skin, je l'affiche dans ma status barre :

   <image id="imageTest" src="chrome://sample/skin/nuageVert.jpeg" />

Avec javascript, je peux ajouter ou enlever cette image avec l'instruction :

   $('imageTest').setAttribute('src','chrome://sample/skin/nuageVert.jpeg');

Avec javascript, je voudrais insérer cette image dans mon code HTML.

Comment faire ?

J'ai essayé ceci :

   doc = content.document ; 
// j'ai vérifié que doc est bien mon document HTML dans ma page 
a=doc.links[0] ; 
img = doc.createElement('img');
img.setAttribute('width','10');
img.setAttribute('height','10');
img.setAttribute('src','chrome://sample/skin/nuageVert.jpeg');
a.appendChild(img);

Un objet image est bien créé, mais il ne trouve pas le fichier à afficher.

Si je mets :

img.setAttribute('src','nuageVert.jpeg');

il va chercher le fichier sur l'adresse de content.document, et non pas dans mon extension.

Avez-vous une idée ?

C'est une question de pure curiosité, car naturellement, je peux stocker l'image sur le réseau plutôt que dans l'extension.

A.