formulaire html et JS

formulaire html et JS - HTML/CSS - Programmation

Marsh Posté le 01-02-2011 à 11:15:54    

Bonjour,  
Je souhaite faire apparaître une image lorsque l'utilisateur a choisi un titre dans une liste déroulante.  
 
Ma liste déroulante :  
 
<select class='adsmanager_required' name='category_choose' onChange='change("category_choose",1)'>
   <option value="-1" selected="selected">Choisissez une rubrique</option><option value="1">Immobilier</option><option value="2">Auto-moto</option><option value="4">Habitat</option><option value="65">Rencontres</option><option value="92">Le mag</option><option value="151">BIO / ECOLOGIE</option><option value="162">AGRICULTURE</option><option value="173">ECHANGE - TROC</option>   </select>
 
Quand l’internaute a choisi Immobilier soit, <option value="1">, une image aparait dans une div placé au dessus du formulaire.
Je pense à une condition en JS mais ne sait pas l'écrire  
 
Merci pour votre aide

Reply

Marsh Posté le 01-02-2011 à 11:15:54   

Reply

Marsh Posté le 01-02-2011 à 13:01:14    

Ton select a un attribut onChange, ou onBlur.
Tu peux t'en servir pour appeller ta fonction js comme ceci:
 
<select onChange="javascript:changerimage(this);"><option ...
 
J'ai aps écrit le code de la fonction javascript, si tu as des soucis n'hésirte pas à demander.

Reply

Marsh Posté le 01-02-2011 à 13:55:39    

ok merci bien sympa, j'ai compris ton raisonnement, je vois à peu pres ce que ca donnerai mais c'est plein de fautes !!
ça donnerai :
 
la div qui reçoit l'image,
 
#img_immo {
 width:400px;
 height:200px;
 float:left;
}
<div id="img_immo">
</div>
 
ensuite la function JS avec des fautes :
 
<script type="text/javascript">
 function changerimage() {
   $("#img_immo" ).{
     $(".adsmanager_required" ).choose 'option value=1'(function(){
              load. $("#img_immo" ) "img/images1.jpg";      
                      }
                      }
   }
 
</script>
 
ET le formulaire :
 
<select class='adsmanager_required' name='category_choose' onChange='change("category_choose",1) "javascript:changerimage(this);"'><option value="-1" selected="selected">Choisissez une rubrique</option><option value="1">Immobilier</option><option value="2">Auto-moto</option>...   ........</select>

Reply

Marsh Posté le 01-02-2011 à 13:56:19    

et la div a coté :
<div id="img_immo">  
</div>

Reply

Marsh Posté le 01-02-2011 à 14:01:22    

Tu ne dis pas ce qui marche pas, mais ceci est faux:
onChange='change("category_choose",1) "javascript:changerimage(this);"'
 
Remplace le par
onChange="javascript:changerimage();"

Reply

Marsh Posté le 01-02-2011 à 14:41:14    

Non je me doute que mon code ne fonctionne pas encore...
mais tu as vu la fonction ?? Je pense avoir besoin d'aide ;)

Reply

Marsh Posté le 01-02-2011 à 15:22:34    

tu vois ce que je ne parvien pas à faire gélatine velue ??

Reply

Marsh Posté le 01-02-2011 à 15:53:24    

Ben la fonction js c'est quelque chose du style:
 
$("#img_immo" ).innerHTML +="<img src='image.jpg'/>";
 
Et c'est tout.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed