Discussion :

[michpc]

Bonjour,
Je débute en JS (pas dans d'autres langages), et j'ai un script tout bête qui ne marche pas:

Code :

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

1
2
3
4
<script language="javascript">
Image1="http://monsite.fr/monimage.jpg";
document.write('<img src=Image1 />');
</SCRIPT></p>

et l'image monimage.jpg (qui existe!) ne s'affiche pas.
Je pense que cela doit être tout bête!!
Merci de votre aide.

Finalement je suis un ane, c'est biensur:

Code :

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

document.write('<img src='+Image1+' />');

[Rachel]

plutôt ceci ? :

Code Javascript :

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

document.write('<img src="'+Image1+'" />');

Pardonne ma curiosité mais, pourquoi ce simple script ?
tu pourrais écrire dans ton code html la balise img, puis modifier grâce à Javascript la source. Mais tu n'es pas obligé, ce n'est qu'une idée de travail pour ton apprentissage du langage

[Bovino]

document.write()...

[Rachel]

document.write()...

@Bovino : ^^ . c'est pour cela que je lui demande pourquoi il n'a pas écrit le code de l'image directement .

sinon tu peux faire un peu mieux :

Code html :

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

<img src="image.jpg" id="mon_image" />

Code Javascript :

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

1
2
3
document.getElementById('mon_image').src = "image2.jpg";
// ou mieux
document.getElementById('mon_image').setAttribute("src","image2.jpg");

[SpaceFrog]

Code :

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

1
2
3
myimg=new Image();
myimg.src="http://www.developpez.net/template/images/logo.png";
document.body.appendChild(myimg);

[Rachel]

Code :

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

1
2
3
myimg=new Image();
myimg.src="http://www.developpez.net/template/images/logo.png";
document.body.appendChild(myimg);

Encore mieux

[Darkyl]

Salut,

Juste une petite question car j'ai eu des problèmes.

Si notre amis voulait rajouter son image dans un div enfant de son index, il ne devrait pas faire comme vous dites non?

Code :

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

document.body.appendChild(myimg);

Cela va l'ajouter à son body de son index et non au innerHTML de son div...
Donc, elle n'apparaîtra peut-être pas.

non?