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?

[SpaceFrog]

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

[Rachel]

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?

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

Code Javascript :

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

1
2
3
4
5
function ajout_image(src,element){
var image = new Image();
image.src = src;
element.appendChild(image);
}

[Darkyl]

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

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

J'ai toujours fait :

Code :

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

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

[Bovino]

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 :

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

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 :

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

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

[SpaceFrog]

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

Code :

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

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

[Darkyl]

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 .

Je vais me pencher la dessus. Merci encore.

[Invité]

joujour

n'y aurait il pas une erreur de syntaxe

Code :

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

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

[Bovino]

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 !

[SpaceFrog]

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 ...

Je rectifie donc

Code :

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

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

Avec toutes mes confuses

[Bovino]

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

Code :

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

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

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

[SpaceFrog]

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