Affichage d'une image

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

Code:

---

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:

---

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

---

plutôt ceci ? :

Code:

---

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

---

Pardonne ma curiosité mais, pourquoi ce simple script ? :P
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 :mrgreen:

document.write()... :vomi:

Citation:

---

Envoyé par Bovino

document.write()... :vomi:

---

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

sinon tu peux faire un peu mieux :

Code:

---

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

---

Code:

---

1 2 3

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

---

Code:

---

1 2 3

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

---

Citation:

---

Envoyé par SpaceFrog

Code:

---

1 2 3

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

---

---

Encore mieux :ccool:

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:

---

document.body.appendChild(myimg);

---

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

non?

document.getElementById('mondiv').appendChild(myimg)

Citation:

---

Envoyé par 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:

---

document.body.appendChild(myimg);

---

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

non?

---

une fonction pour ajouter l'image à tout élément :P ? :

Code:

---

1 2 3 4 5

function ajout_image(src,element){ var image = new Image(); image.src = src; element.appendChild(image); }

---

sans oublier de vérifier que l'élément existe... avant de faire appendChild :ccool:

Je savais pas que l'object Image existait en javascript.

J'ai toujours fait :

Code:

---

1 2 3 4

var bouttonsentence="<img id='bidulle' name='bidulle' src='images/lirelasuite.png'>";   $('#'+nomdiv).append(bouttonsentence);

---

Je vois que je me faisais ... pour rien. ;)
merci du renseignement

Non, comme souvent en JavaScript (et en programmation en général), il existe différentes façons d'aboutir au même résultat, sauf que dans ton exemple, quitte à utiliser jQuery, autant l'utiliser jusqu'au bout :

Code:

---

var bouttonsentence=$("<img id='bidulle' name='bidulle' src='images/lirelasuite.png'>");

---

qui te crée automatiquement un objet DOM et un objet jQuery associé, voire :

Code:

---

var bouttonsentence = $('<img>').attr({id: 'bidule', name: 'bidule', src: 'images/lirelasuite.png'});

---

Si tu utilises jquery, autant le faire jusqu'au bout

Code:

---

1 2	$('#'+nomdiv).append($('<img/>').attr({"id":"bidule","name":"bidule", "src";"images/lirelasuite.png"});

---

merci de vos précisions.

Comme remarqué dans le forum 'ou va-t-on avec javascript', une fois que j'ai pu faire ce que je souhaitais, je n'ai pas approfondi ma connaissance du language (ni javascript pur, ni jquery) comme tout autodidacte qui se respecte :mrgreen:.

Je vais me pencher la dessus. Merci encore.

joujour

n'y aurait il pas une erreur de syntaxe

Code:

---

$('#'+nomdiv).append($('<img/>').attr({"id":"bidule","name":"bidule", "src";"images/lirelasuite.png"});

---

Une faute de frappe ;)
Mais faut excuser Spaffy : c'est pas évident avec des doigts palmés !
Ca se saurait si l'homme de l'Atlantide était doué avec un clavier ! :mouarf:

A ma décharge je me suis fais agressé par un choux fleur récalcitrant, le couteau a rippé ..., mon pouce à dégusté. Alors doigts palmés et une seule main ... :aie:

Je rectifie donc

Code:

---

$('#'+nomdiv).append($('<img/>').attr({"id":"bidule","name":"bidule", "src":"images/lirelasuite.png"});

---

Avec toutes mes confuses :oops:

:ptdr:

Spaffy, là c'est de l'acharnement !

Code:

---

$('#'+nomdiv).append($('<img/>').attr({"id":"bidule","name":"bidule", "src","images/lirelasuite.png"});

---

:mouarf:

Sinon, condoléances pour ton pouce... :(
C'est la même main que la dernière fois ?

J'ai toujours dit que le choux fleur était mauvais pour la santé ...
C'est ma femme qui me force a en consommer :aie: