begin process at 2012 05 28 23:35:30
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript et le navigateur

 > 

Autre

 > 

afficher un div selon choix d'un select

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

afficher un div selon choix d'un select

lundi 25 septembre 2006 à 12:17:37 | afficher un div selon choix d'un select

pedroso
Bonjour,

je souhaiterais dans mon formulaire afficher ou non un div selon que l'on choisisse tel ou tel élément dans un liste déroulante.
en l'ocurrence sur un seul d'entre eux j'afficherais ce div et sur les autres je masquerais ce div.

Merci.
lundi 25 septembre 2006 à 12:32:24 | Re : afficher un div selon choix d'un select

bultez

Membre Club




Bonjour,

pour afficher/cacher un div :
   _   référence au div.style.display="inline" ou "none" 
   _   référence au div.style.visibility="visible" ou "hidden" 
   _ ... ?

pour tester quelle ligne est "sélectionnée" dans un select
   <select...
      <option value="????">texte affiché</option>....

   _ référence au select.selectedIndex   =   n° de ligne
   _ référence au select[référence au select.selectedIndex].text   =   ce qui est affiché à cette ligne
   _ référence au select[référence au select.selectedIndex].value   =   ce qui est dans le value de cette ligne
   _ ... ?
   
            Cordialement    Bul    [mon Site]    [M'écrire]
lundi 25 septembre 2006 à 12:52:29 | Re : afficher un div selon choix d'un select

pedroso
je connais effectivement cela, mais je n'arrive pas à faire un fonction JS qui marche avec l'evenement onchange du select qui affichera oui ou non ce fameux div.
ça m'eviterait de faire un chargement de la page.

il faudrait faire une fonction qui teste la ligne selectionnée du select et en fonction de ça, on gere l'affichage du div, mais je n'y arriva pas.

Merci pour l'aide.
lundi 25 septembre 2006 à 13:35:13 | Re : afficher un div selon choix d'un select

bultez

Membre Club




Bonjour,
   >>ça m'eviterait de faire un chargement de la page ???
    alors, ça, je ne vois pas pourquoi     !

   un ch'tit exemple ( ici on teste le n° de ligne )

<HTML Lang="fr">
<HEAD>
<TITLE></TITLE>
<Script type="Text/JavaScript">
function tata(lst)
{
 var d=document.getElementById("toto");
 if ( lst.selectedIndex==1)
  d.style.display="block";
 else
  d.style.display="none";
}
</Script>
</HEAD>
<BODY>
<div id="toto">titi</div><br />
<select onchange="tata(this);">
 <option>cacher 1</option>
 <option>montrer</option>
 <option>cacher 2</option>
</select>
</BODY></HTML>


   Cordialement    Bul    [ mon Site ]    [ M'écrire ]
lundi 25 septembre 2006 à 14:19:16 | Re : afficher un div selon choix d'un select

pedroso
okay, j'ai mis ça en place, ça marche bien.
en fait j'avais fais la même chose sauf que la fonction je l'appelais tata() et je ne mettais pas le this.

par contre comment masquer le div par defaut au chargement de la page, car pour le moment le div se voit quand on arrive.

Merci.
lundi 25 septembre 2006 à 14:31:43 | Re : afficher un div selon choix d'un select

bultez

Membre Club




Bonjour,

>>comment masquer le div par defaut au chargement de la page ?

en lui donnant le syle kivabien ?
...<div id="toto" style="display:none">...
            Cordialement    Bul    [ mon Site ]    [ M'écrire ]
lundi 25 septembre 2006 à 14:40:55 | Re : afficher un div selon choix d'un select

pedroso
je pensais qu'on ne pouvait pas mettre un style et ensuite lui indiquer un changement avec la fonction.

par contre, j'avais deja 1 appel de fonction sur le onchange et quand je mets les 2 fonction ça merde, un objet est attendu.
onChange="couleur(this),affich(this)"

d'ou peut venir le pb ?

Merci encore pour la rapidité des reponses.
lundi 25 septembre 2006 à 14:53:05 | Re : afficher un div selon choix d'un select

bultez

Membre Club




Bonjour,

onChange="couleur(this); affich(this); "
>>je pensais qu'on ne pouvait pas..
si, si... heureusement
            Cordialement    Bul    [ mon Site ]    [ M'écrire ]
lundi 25 septembre 2006 à 15:27:11 | Re : afficher un div selon choix d'un select

pedroso
c bizarre, des que je selectionne un objet dasn la liste j'ai une erreur 'objet attendu' ?
pourtant j'ai bien mis onChange="couleur(this); affich(this); "

voici mes 2 fonctions :

// permet d'afficher/masquer
function affich(lst){   
 var div=document.getElementById("div_modalite");
 if (lst.selectedIndex == 1)
  div.style.display="inline";
 else
  div.style.display="none";
}

// regarde si les champs sont vides a l'envoi du form
function check() {
    var msg = "";
    var color = "#FFFF99";
if (document.form_paiement.nature.value == "")   {
      msg += "Veuillez choisir la nature du paiement\n";
      document.form_paiement.nature.style.backgroundColor = color;
   }
if (document.form_paiement.montant.value == "")   {
      msg += "Veuillez saisir un montant\n";
      document.form_paiement.montant.style.backgroundColor = color;
   }
if (document.form_paiement.reference.value == "")   {
      msg += "Veuillez saisir une référence du dossier\n";
      document.form_paiement.reference.style.backgroundColor = color;
   }
if (document.form_paiement.nom.value == "")   {
      msg += "Veuillez saisir votre nom\n";
      document.form_paiement.nom.style.backgroundColor = color;
   }
if (document.form_paiement.ville.value == "")   {
      msg += "Veuillez saisir la ville du siège social\n";
      document.form_paiement.ville.style.backgroundColor = color;
   }
if (msg == "") return(true);
   else   {
      alert(msg);
      return(false);
   }
}
lundi 25 septembre 2006 à 15:34:48 | Re : afficher un div selon choix d'un select

bultez

Membre Club





euh... et la function couleur(tutu) ?
et l'appel donné contient une , pas un ;
         Cordialement    Bul    [mon Site]    [M'écrire]

1 2

Cette discussion est classée dans : afficher, select, choix, div

Répondre à ce message

Sujets en rapport avec ce message

Afficher l ordre chronologique des choix d'un select [ par bm3w325i ] Bonjour, je débute en javascript et j'aimerais pouvoir compter est afficher le nombre du choix fait sur un "select" (ordre chronologique):  J'ai donc Div différente selon select [ par eliote23 ] Bonjour, Actuellement j'utilise : [code=html][/code] pour afficher ou pas une Afficher/Masquer div selon choix select [ par paulito47 ] Bonjour à tous, j'ai un petit problème pour masquer une div selon le choix du select. Donc en fait, j'ai un formulaire de modification. L'utilisateu Afficher/masquer une div [ par samirlipopette ] Bonjour/bonsoir Comme le titre ne l'explique pas vraiment j'ai un soucis avec mon code... Je suis parvenu à faire une partie de ce que je voulais afficher deux div en même temps dans deux cellules différentes d'un tableau [ par lyamcarter ] Bonjour, Je souhaite afficher plusieur div en même temps dans différente cellule de tableau. Mais cela ne fonctionne pas. pourriez vous m'apporter vot Afficher/masquer DIV: reste en dessous du scroll => pas visible de suite [ par Delphine38 ] Bonjour à tous, J'ai pourtant cherché et tester pas mal de chose mais rien de marche. J'ai une image + textes dans des DIV, eux-même dans un DIV que faire apparaitre un div en fonction du choix de l'utilisateur dans une liste générée par un php. plz help [ par momoch2 ] Bonjour à tous. J'ai 3 input de type texte à autocompletion. C'est un questionnaire pour choisir une ville. Une liste s'affiche sous le input en s'ada selectionné un élément dans mon select [ par KaiHo ] Bonjour Je me trouve face à un souci qui me semblait simple à résoudre, mais je sèche. En fait, j'ai un élément "select" d'un formulaire qui doit se Afficher une variable dans un div [ par bydouille ] Bonjour à tous, J'ai un input (bouton) qui appelle une fonction JS dès l'ouverture du script contenant la fonction, je déclare une variable. Dans la


Nos sponsors


Sondage...

Comparez les prix


Apple iPhone 4 Noir (32 Go)
Entre 1290€ et 1333€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,905 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)