Charger image dans un DIV

Messages postés
624
Date d'inscription
mardi 6 mai 2003
Statut
Membre
Dernière intervention
14 décembre 2009
- - Dernière réponse : cs_putch
Messages postés
624
Date d'inscription
mardi 6 mai 2003
Statut
Membre
Dernière intervention
14 décembre 2009
- 16 févr. 2006 à 18:07
salut à tous !

voila mon souci
j'ai une liste deroulante contenant des noms d'images
je souhaiterai que lorsque l'on selectionne un element cela affiche l'image dans un div (id= "image")

j'en suis la :

<script language="Javascript" type="text/javascript">
function affiche_image()
{
var option_choisi = document. mon_form .image.value;
document.getElementById('image').style.visibility = 'visible';
}
</script>
<form name= "mon_form" method="post" action="">
Image :
<select name="image" onchange="javascript:affiche_image();">
<option name="image_option" value="image1.jpg"> image1.jpg< /option>
<option name ="image_option" value= "image2.jpg" > image2.jpg</option>
<option name ="image_option" value= "image3.jpg" > image2.jpg</option>
</select>
</form>

="image">

Le DIV devient bien visible mais je cale pour afficher l'image selectionné à l'intérieur de celui-ci.

Merci d'avance !
Afficher la suite 

5 réponses

Messages postés
624
Date d'inscription
mardi 6 mai 2003
Statut
Membre
Dernière intervention
14 décembre 2009
1
0
Merci
arf je vais m'auto-repondre :

function affiche_image()

{

var option_choisi = document.film_ajout.image.value;

with (document.getElementById('image')) {

innerHTML = option_choisi;

style.visibility = "visible";

}

}
Commenter la réponse de cs_putch
Messages postés
624
Date d'inscription
mardi 6 mai 2003
Statut
Membre
Dernière intervention
14 décembre 2009
1
0
Merci
rectification ca me met le nom de l'image dans mon div et non l'image elle meme ...
Commenter la réponse de cs_putch
Messages postés
624
Date d'inscription
mardi 6 mai 2003
Statut
Membre
Dernière intervention
14 décembre 2009
1
0
Merci
voila la correction pour ceux qui chercheront un truc du meme style :

function affiche_image()
{
var option_choisi = document.film_ajout.image.value;
var chemin = '';
alert(chemin);
with (document.getElementById('image')) {
innerHTML = chemin;
style.visibility = "visible";
}
}
Commenter la réponse de cs_putch
Messages postés
14656
Date d'inscription
lundi 11 juillet 2005
Statut
Modérateur
Dernière intervention
13 novembre 2019
90
0
Merci
C'est bien de poster sa réponse quand on l'a trouvé tout seul...mais c'est encore mieux de cliquer sur Réponse Acceptée pour clore le topic...

Buno
----------------------------------------
L'urgent est fait, l'impossible est en cours. Pour les miracles, prévoir un délai...
Le site de mon mariage
Commenter la réponse de BunoCS
Messages postés
624
Date d'inscription
mardi 6 mai 2003
Statut
Membre
Dernière intervention
14 décembre 2009
1
0
Merci
j'y avai penser merci mais le bouton "Réponse acceptée !" ne fonctionne pas ni avec Firefox ni avec IE alors ...
Commenter la réponse de cs_putch