begin process at 2012 05 31 12:46:22
  Trouver un code source :
 
dans
 
Accueil > Forum > 

PHP

 > 

Divers

 > 

Divers

 > 

Problème display avec <div>


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

Problème display avec <div>

mardi 21 avril 2009 à 12:14:42 | Problème display avec <div>

enibib

Bonjour,
 Voici mon tout d'abord mon code :

<html>
<body>

    <script language="JavaScript" type="text/javascript">
   
        function display()
        {
            var valeur = document.getElementById("select1").value ;
                   
            if(valeur=="Mlle")
            {
                var id = document.getElementById("id1") ;
                var idautre1 = document.getElementById("id2") ;
                var idautre2 = document.getElementById("id3") ;
               
                if (id.style.display == "none")
                {
                    id.style.display = "" ;
                    idautre1.style.display = "none" ;
                    idautre2.style.display = "none" ;
                }    
            }
            else if (valeur=="Mme")
            {
                var id = document.getElementById("id2") ;
                var idautre1 = document.getElementById("id1") ;
                var idautre2 = document.getElementById("id3") ;
                if (id.style.display == "none")
                {
                    id.style.display = "" ;
                    idautre1.style.display = "none" ;
                    idautre2.style.display = "none" ;
                }        
            }
            else
            {
                var id = document.getElementById("id3") ;
                var idautre1 = document.getElementById("id1") ;
                var idautre2 = document.getElementById("id2") ;
                if (id.style.display == "none")
                {
                    id.style.display = "" ;
                    idautre1.style.display = "none" ;
                    idautre2.style.display = "none" ;
                }
            }
        }
   
    </script>
    <form action="ValidTest.php" method="post">
        <select name="F_EL_CIV" id="select1" onchange="display();">
            <option value="Mlle">Mlle</option>
            <option value="Mme">Mme</option>
            <option value="M">M</option>
        </select>
        <div id="id1" style="display:none">
            Mlle
              <input type="hidden" name="F_Test" value="Mlle"/>
        </div>
        <div id="id2" style="display:none">
             Mme
             <input type="hidden" name="F_Test" value="Mme"/>
        </div>
        <div id="id3" style="display:none">
             M
             <input type="hidden" name="F_Test" value="M"/>
        </div>
        <input type="submit" name="name" value="Envoi"/>
    </form>
</body>
</html>
 

OK ma fonction Javascript est à optimiser mais elle fonctionne pour mes test pour le moment .
Grâce à ce code je récupère des données de ma liste déroulante dans des div ( en vue de créer des formulaires dynamique ) ,mais le problèmes est que je récupère toujours la dernière valeur F_Test ici ( "M" ) alors que je voudrais seulement récupérer la valeur sélectionner =s ...

Comment faire ??

PS : Je m'attend a recevoir des réponse du type pourquoi ne pas récupérer simplement la valeur de ma liste déroulante par POST ?? Ma réponse est ce petit bou de code est du test et que plus tard j'aurai besoin de faire comme je vous montre.

Merci d'avance



mardi 21 avril 2009 à 15:29:44 | Re : Problème display avec <div>

enibib

Personne ??

Pour résumer finalement pour le moment j'arrive à cacher mes div mais je voudrai quelle soi en même temps "désactivé" mais je ne voi pas comment faire ....


mercredi 22 avril 2009 à 16:46:14 | Re : Problème display avec <div>

mike1310

Et bien c'est normal ... tes champs hidden ont tous les 3 le même nom ... donc tu récupère la dernière valeur de ton dernier champ hidden ... J'ai pas lu tout ton code mais c'est ce qu'il me vient à l'esprit en regardant la fin de ton code ...
mercredi 22 avril 2009 à 16:52:35 | Re : Problème display avec <div>

mike1310

bon alors du coup j'ai lu ton code et j'aurais du le faire avant de poster ... C'est clair que ton javascript est largement compactable . Voici une idée :
<script language="JavaScript" type="text/javascript">
         function display()
        {
            var valeur = document.getElementById("select1").value ;
            var id = document.getElementById("id1") ;
            var id2 = document.getElementById("id2") ;
            var id3 = document.getElementById("id3") ;
           
            id.style.display = "none";
            id2.style.display = "none";
            id3.style.display = "none";
           
            if(valeur=="Mlle")
                  id.style.display = "";
            else if (valeur=="Mme")
                  id2.style.display = "";
            else
                  id3.style.display = "";
        }
   
    </script>

Test et dis moi si cela te convient
mercredi 22 avril 2009 à 17:06:04 | Re : Problème display avec <div>

enibib

Oui tu as raison mike1310 , tout mes hidden ont le même name mais c'est "normal" j'ai besoin par la suite que ce soi les même ...

Du cou j'ai trouver une solution :
Je désactive tout les input et select de mes div pour pouvoir récupérer les données que je souhaite




Cette discussion est classée dans : style, var, document, display, getelementbyid


Répondre à ce message

Sujets en rapport avec ce message

formulaire tverification javascript [ par mariobotta ] bonsoir, voilà j'ai une vérification de formulaire par javascript qui fonctionne sous explorer mais pas sur firefox.?Je ne voie pas ou se trouve mon e php et javascripte [ par fifo8 ] salutsvp ca fait plus qu un mois que je tourne a ma place pour un probleme que je ne sais pas comment resoudre:voila je dois faire un programme pour l SPIP, php et javascript soucis défilement informations [ par oceane751 ] bonjour (encore moi, oui je sais ;) )j'ai du code qui me permet de faire défiler des informations j'utilise : du phpdu spipdu javascript mon code Intégrer du javascript dans du php [ par cubanai ] Bonjour à tous et à toutes. Voilà, j'ai deux questions en une. Je me demandais si le serveur pouvait effectuer lui même le javascript contenu dans mon aide [ par nabilwael ] Bonjour,j'ai ce fichier js :var i = 0;    function create_champ(){    if(i        document.getElementById('champs').innerHTML += " Name</label Onchange() dans un select [ par tadjidine ] Bonjour; je besoin de votre aide. je suis entrain de travaillé sur une page de traitement d'affichage de partenaire sur une site d'editeur de livre. l Renvoyer une requête le X second [ par alvinemambele ] Slt je suis entrain de faire un Tchat en Ajax, l'envoie de la raquette se passe bien saut je suis bloquer au niveau d'actualisation de raquette pour v insere des donne javascripte dans une BD [ par somapi ] salue les amies j'ai un pFe qui consiste à crée une ma interactive bon, ma problème c'est que j'ai des donne dans ma base j aimerait bien récupère ces Récupérer date dans un datepiker [ par vargas ] Bonjour je chercher depuis des heures comment récupérer la date d'un datepiker qui se trouve dans un des mes formulaire pour l'enregistrer dans une b Problème lors de l'inclusion d'un fichier dans un autre [ par ines57 ] Bonjour à tous,Voilà, pour un portail immobilier, j'ai ma page d'accueil qui permet de sélectionner une région sur une carte de France et de trouver t


Nos sponsors


Sondage...

Comparez les prix

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 : 1,248 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales