Discussion :

[francis.c]

Bonjour, j'aimerais ajouter une image cr��e dynamiquement gr�ce � Javascript dans "document". Voici � quoi mon code ressemble pour le moment :

Code :

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

1
2
3
4
var img = new Image();
img.src = "../Images/taskbar_icons/chrome_mini_icon.png";
 
document.getElementById("taskbar_left").innerHTML += img;

Malheureusement, ce qui est ajout� au document n'est nul autre qu'une string "[object HTMLImageElement]". Comment dois-je m'y prendre ?

Merci d'avance,
Francis

[NoSmoking]

Bonjour,
passes par les m�thodes standard d'int�gration d'�l�ments dans un document

Code :

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

1
2
3
4
5
6
7
8
// recup objet destination
var oDiv = document.getElementById("taskbar_left")
// cretation image
var oImg = document.createElement('img');
//-- Ajout image
oDiv.appendChild( oImg);
//-- affecte l'image
oImg.src = "../Images/taskbar_icons/chrome_mini_icon.png"

[andry.aime]

Bonsoir
Remplace

document.getElementById("taskbar_left").innerHTML += img;

par

Code :

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

document.getElementById("taskbar_left").appendChild(img);

A+.

[francis.c]

Merci pour vos r�ponses, �a m'a bien aid� ! J'ai continu� a d�velopp� un peu et puis je suis arriver � un autre probl�me. J'aimerais pouvoir savoir le ID de la div qui contient mon image. J'ai essay� avec parentNode mais tout ce que j'arrive � obtenir c'est le type de noeud (c'est-�-dire TD par exemple)

edit : C'est bon j'ai finalement trouv�, il suffisait de r�cup�rer l'image en appelant getElementById � la racine du document, et ensuite remonter d'un niveau avec parentNode, puis parcourir c'est attribues :

Code :

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

img.parentNode.attributes.getNamedItem("id").value;

[NoSmoking]

pourquoi ne pas utiliser directement parentNode.id, ou si c'est un click sur l'image ajout�e autant stocker l'info � l'insertion

Code :

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

1
2
3
4
5
oImg.parentID = oDiv.id; // creation d'une propriete
oImg.onclick = function(){
  alert( this.parentID);       // 1st solution
  alert( this.parentNode.id);  // 2nd solution
}