Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2526 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  formulaire html et JS

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

formulaire html et JS

n°2053374
amorti
Posté le 01-02-2011 à 11:15:54  profilanswer
 

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

mood
Publicité
Posté le 01-02-2011 à 11:15:54  profilanswer
 

n°2053395
gelatine_v​elue
Posté le 01-02-2011 à 13:01:14  profilanswer
 

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.

n°2053410
amorti
Posté le 01-02-2011 à 13:55:39  profilanswer
 

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>

n°2053411
amorti
Posté le 01-02-2011 à 13:56:19  profilanswer
 

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

n°2053412
gelatine_v​elue
Posté le 01-02-2011 à 14:01:22  profilanswer
 

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();"

n°2053429
amorti
Posté le 01-02-2011 à 14:41:14  profilanswer
 

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

n°2053447
amorti
Posté le 01-02-2011 à 15:22:34  profilanswer
 

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

n°2053452
gelatine_v​elue
Posté le 01-02-2011 à 15:53:24  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  formulaire html et JS

 

Sujets relatifs
[MAC]Probleme html et swfPhpmyadmin et caractères html
[résolu] texte pas affiché après code JavaScript de sous-titrageFormulaire
redimentionner fenêtre en HTML récupérer les informations d'un formulaire
Inserer une variable JS dans un formulaire HTMLFormulaire HTML & JS : un bouton pour changer tous les radios
[JSP/Html/JS] Champs obligatoires dans un formulaire 
Plus de sujets relatifs à : formulaire html et JS


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR