Accueil > Forum > > > > charger image dans un DIV
 charger image dans un DIV
mercredi 15 février 2006 à 18:23:14 |
charger image dans un DIV
putch
|
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>
<br /><br />
<div id="image"></div>
Le DIV devient bien visible mais je cale pour afficher l'image selectionné à l'intérieur de celui-ci. Merci d'avance !
|
|
mercredi 15 février 2006 à 18:33:08 |
Re : charger image dans un DIV
putch
|
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";
}
}
|
|
mercredi 15 février 2006 à 18:36:41 |
Re : charger image dans un DIV
putch
|
rectification ca me met le nom de l'image dans mon div et non l'image elle meme ...
|
|
mercredi 15 février 2006 à 18:39:43 |
Re : charger image dans un DIV
putch
|
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 = '<img src="images/jaquettes/'+option_choisi+'" alt="" />';
alert(chemin);
with (document.getElementById('image')) {
innerHTML = chemin;
style.visibility = "visible";
}
}
|
|
jeudi 16 février 2006 à 17:17:29 |
Re : charger image dans un DIV
buno
|
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
|
|
jeudi 16 février 2006 à 18:07:06 |
Re : charger image dans un DIV
putch
|
j'y avai penser merci mais le bouton "Réponse acceptée !" ne fonctionne pas ni avec Firefox ni avec IE alors ...
|
|
Cette discussion est classée dans : image, option, value, jpg, div
 Répondre à ce message
 Sujets en rapport avec ce message
un appel javascript dans une div [ par cosycorner ]
Bonjour à tous, Je voudrais insérer des images aléatoires dans une div aux dimensions précises.(en background ?)J'ai trouvé ce script qui fonctionne p
Un appel javascript dans une div [ par cosycorner ]
Bonjour à tous, Je voudrais insérer des images aléatoires dans une div aux dimensions précises.(en background ?)J'ai trouvé ce script qui fonctionne p
probleme d'affichage d'une image [ par djbabou ]
Bonjour , j'ai une image qui ne s'affiche pas . Il apparait juste une petite croix rouge à la place. Quelq'un pourrait il m'aider s'il vous plait ? Vo
Changer la source d'un EMBED [ par destiny ]
Bonjour,Voila, j'arrive à changer la SRC d'un EMBED (windows media player) mais cela na aucun effet !Mon code :<<span class
effet ajax puis changer image puis effet ajaxy [ par Annadrill ]
bonjour,voilà, j'ai une div avec une image dedans et j'aimerais que lorsque je clique sur un lien, la div se ferme (effect.Fade), puis une fois fermée
affiche une image en javascript dans un div [ par jimmy69 ]
bonjour, je debute sous javascript et j'aimerais lors du chargement d'une page web charge une image dans un div !? est ce possible ? auriez vous un
Récupérer une image [ par MarcoAix ]
Bonjour, J'ai vu ce code sur un forum : il permet de récuérer les "div" d'une page et de les afficher sur sa page : loadHtmlFile('http://www.allhtml
Problème avec mon diaporama automatique [ par way2web ]
Bonjour,J'essaie de créer un diaporama automatique avec un intervalle de 3s entre chaque affichage d'image, j'ai fait une tentative de script mais il
recupération des infos en une seule fois avec alerte [ par babylonne ]
Bonjour tt le monde, voilà mon souci ce que je n'arrive pas à afficher mes informations saisi dans la fonction alert() (en une seule fois) et idem
Extension d'image sensible a la casse [ par ecarbill ]
Salut à tous. Dans ma page je met des images et toutes avec l'extension '.JPG'. Tout marche bien sur ma machine mais quand j'envoie mon site sur le se
 Livres en rapport
|
Derniers Blogs
 JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc
Forum
 UTILISER UN .JSUTILISER UN .JS par zaikoe
Cliquez pour lire la suite par zaikoe
Logiciels
 sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|