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 ?