Discussion :

[pasqual]

Bonjour,

J'ai un petit soucis pour afficher une image avec createElement: Je souhait afficher un gif avec du texte � c�t� en overlay d'une page.
Voici ce que j'ai fais:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var mydiv = currentDoc.createElementNS("http://www.w3.org/1999/xhtml","html:div");
newdiv.id="overlay";
newdiv.style.setProperty('position', 'absolute', 'important');
newdiv.style.setProperty('background-color', '#000000', 'important');
newdiv.style.setProperty('color', '#ffffff', 'important');
newdiv.style.setProperty('width', '200px', 'important');
newdiv.style.setProperty('height', '200px', 'important');
newdiv.style.setProperty('opacity', '0.5', 'important');
newdiv.style.setProperty('z-index', '1000', 'important');
var monimg=currentDoc.createElement('img' );
monimg.src="chrome://monApp/skin/monimage.gif";
newdiv.appendChild(monimg);
var txt = currentDoc.createTextNode("Mon message....");
newdiv.appendChild(txt);
currentDoc.body.appendChild(newdiv);

Je visualise bien le texte en overlay mais pas l'image. Je ne crois pas mettre tromper dans le chemin de l'image.

Merci d'avance si vous pouvez m'aider.

[SpaceFrog]

ton path n'est pas correct ...

[Atow57]

Bonjour,
Je suis actuellement dans le m�me probl�me, mon image ne s'affiche pas lorsque je fais:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
var img_del = document.createElement("img");
img_del.src = "images/delete.png";
 
lien.appendChild(img_del);

Je veux bien croire que le chemin d'acc�s de Pasqual n'est pas correcte mais que je l'�crive en relatif ou en absolu cela ne fonctionne pas non plus...

Tu peux �tre plus pr�cis SpaceFrog stp ?

[kernelfailure]

...
Je veux bien croire que le chemin d'acc�s de Pasqual n'est pas correcte mais que je l'�crive en relatif ou en absolu cela ne fonctionne pas non plus...

Tu peux �tre plus pr�cis SpaceFrog stp ?

Simple � v�rifier.
Dans ta barre URL "http://.../.../tapage.html", tu remplaces "tapage.html" par "images/delete.png", et tu verra si ton adresse est bonne et si ton image est bien l� (attention � la casse).

[Atow57]

oui oui, l'image est bien � l'endroit o� elle est sens� �tre...
Je d�bute en JS alors je pensais m'�tre tromp� dans la syntaxe mais apr�s avoir regard� sur plusieurs articles, c'est bien de cette mani�re que l'on cr�� une image...
je ne comprend pas...

[vermine]

Bonjour,

Je maintiens et nous en parlons depuis une semaine ici que les images ne s'attachent pas n'importe o� dans un document. Je ne connais pas la liste exact des �l�ments p�res mais je sais que sur un <td> �a fonctionne.

Atow57, vous attachez l'image � "lien". Qu'est-ce que c'est ? Un <a> ? Et lui m�me, vous l'attachez � qqch ?