Discussion :

[cdossert]

Bonjour,

Je souhaite faire apparaitre une image dans un DIV via une fonction javascript, mais je coince....

Quand on veut faire apparaitre du texte, ca fonctionne bien :

Code :

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

1
2
3
4
5
6
7
8
9
<div id="load"></div>
 
<script language="javascript" type="text/javascript"> 
function chargement()
{
    var objet = document.getElementById("load")
    objet.innerHTML="TEXTE"
}
</script>

mais si je fais la meme chose en voulant faire apparaitre une image.... je sais pas comment faire !
Là j'ai mis un exemple, mais je sais que c'est pas la bonne méthode :

Code :

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

1
2
3
4
5
6
7
8
9
<div id="load"></div>
 
<script language="javascript" type="text/javascript"> 
function chargement()
{
    var objet = document.getElementById("load")
    objet.innerHTML="<img src='image.gif'>"
}
</script>

MERCI !!!

[JérémieL]

Bonjour,

Ta solution ne fonctionne pas ? Elle m'a pourtant l'air correcte.

Une autre solution est de créer l'élément à ajouter, comme suit :

Code js :

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

1
2
3
4
5
6
7
8
9
function chargement()
{
  var objet = document.getElementById("load");
 
  var img = document.createElement("img");
  img.setAttribute("src", "image.gif");
 
  objet.appendChild(img);
}

[cdossert]

Merci pour ta réponse Jérémy.

Le div apparait bien, mais pas l'image...

[cdossert]

je lui ai envoyé un return true
et là c'est bon, il me retourne bien l'image !

Merci à toi Jérémy