Formulaire, changer une image lors du choix ds une liste

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Formulaire, changer une image lors du choix ds une liste

par AB » 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

par zeus » 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 Image 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 !!! ;)

par Nico56 » 26 mai 2008, 15:13

Super çà marche !!!
Un grand enorme merci :-)

par guilt92 » 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 ;)

Formulaire, changer une image lors du choix ds une liste

par Nico56 » 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 ?