Formulaire, changer une image lors du choix ds une liste

26 mai 2008, 14:17

Bonjour à tous,

J'ai un formulaire classique, et je voudrais avec le onchange changer une image qui se trouve sur la page. Le chemin de l'image etant dans le value de chaque option de la liste. Mais je calle

Code : Tout sélectionner

<select name="type" id="type" onchange="ChangeImg()">
                    <option value="/Img/blanck.jpg"></option>
                    <option value="/Img/01.jpg">text1</option>
                    <option value="/Img/01.jpg">text2</option>
                    <option value="/Img/01.jpg">text3</option>
</select>

Je seche sur le javascript (fonction ChangeImg sur le onchange).

Qqlun pourrait m'eclairer ?

26 mai 2008, 15:00

Bonjour,

Ce qu'il faut que tu fasses c'est de donner à ton image comme valeur source (src) la valeur de ton formulaire.

Pour cela il faut te servir par exemple de la fonction getElementById("id_image"); qui peut te permettre de récupérer ton objet image a condition que celui ci ait un parametre id="id_image".

Ainsi dans ta fonction ChangeImg() tu pourras avoir une instruction du style :

Code : Tout sélectionner

document.getElementById("id_image").src = "url";

Enfin, dernier indice, tu peux récupérer facilement la valeur selectionné de ta liste select grace à la fonction :

Code : Tout sélectionner

document.nom_de_ton_formulaire.nom_de_ton_champ.value

Voila... c'est pas la solution toute faite mais ca y ressemble

26 mai 2008, 15:13

Super çà marche !!!
Un grand enorme merci

26 mai 2008, 15:18

Modération :
Puisque ta question est résolue, j'ajoute le tag [Résolu]
pour indiquer aux personnes qui voudront consulter ce sujet qu'il contient une solution.

Tu peux réaliser cette opération toi-même
en cliquant sur le bouton

qui s'affiche en haut à gauche de ce sujet
si tu as posté le 1er message en tant que membre (inscrit et identifié).

Alors... inscris-toi !!!

26 mai 2008, 16:32

En complément tu pourrais peut-être intégrer un "préchargement" de tes images pour qu'elles s'affichent plus vite sur le onchange (tu ne dois pas percevoir de délai si tu fais des essais sans vider le cache de ton navigateur car les images sont enregistrées dans le cache au premier chargement).

Si cela t'intéresse (ça ne coute rien) tu peux regarder ces topic http://www.phpfrance.com/forums/viewtop ... highlight=
http://www.phpfrance.com/forums/voir_re ... php#243592

Formulaire, changer une image lors du choix ds une liste

Qui est en ligne