Partage
  • Partager sur Facebook
  • Partager sur Twitter

mode display

    11 janvier 2011 à 20:54:38

    Bonsoir,

    Voilà mon problème:

    Je vais chercher avec ma liste déroulante mes formulaires, pour les afficher sur ma page.

    Je voudrais que le formulaire appelé apparaisse sous la liste déroulante, ce qui n'est pas le cas actuellement.

    Et avoir toujours 1 seul formulaire sur la page :euh: (maintenant à chaque appelle le formulaire reste sur la page)

    Si petit idée, volontiers !

    Merci

    <script type="text/javascript">
    
    function RendVisible(texte) 
    { 
    document.getElementById(texte).style.visibility= "visible"; 
    
    } 
     
    </script>
    


    <form method="post" action= "visserie".php">
    
    <select onchange="RendVisible(this.value)" name ="visserie">
        <option value="vis_six_pan">vis six pan</option>
        <option value="vis_imbus">vis imbus</option>
        <option value="vis_conique">vis conique</option>
        <option value="vis_a_ailettes">vis à ailettes</option>
    	<option value="vis_a_toles">vis à tôles</option>
        <option value="rondelles">Rondelles</option>
        <option value="rondelles_elastique">Rondelles élastique</option>
        <option value="ecrous">Ecrous</option>
    	<option value="ecrous_ailettes">Ecrous ailettes</option>
        <option value="goupilles_fendues">Goupilles fendues</option>
    </select>
    
    </form>
    


    <form method="post" action="visserie.php">
    
    
     <div id= "vis_six_pan" style= "visibility:hidden"> 
     
     Entrez les données pour les <strong>vis_six_pan:</strong>
    <br/>
    <br/>
    <em>Diamètre:</em> <input type="text" name="diametre_0" size="4" />
    <em>Longueur:</em> <input type="text" name="longueur_0" size= "4"/>
    <input type="submit" />
    </div>
    
    <br/>
    <br/>
    
    <div id= "vis_imbus" style= "visibility:hidden">
    
    Entrez les données pour les <strong>vis imbus:</strong>
    <br/>
    <br/>
    <em>Diamètre:</em> <input type="text" name="diametre_1" size="4" />
    <em>Longueur:</em> <input type="text" name="longueur_1" size= "4"/>
    <input type="submit" />
    </div>
    


    etc...
    • Partager sur Facebook
    • Partager sur Twitter
      12 janvier 2011 à 12:14:36

      <script type="text/javascript">
      var lastText = false;
      
      function RendVisible(texte) { 
         if (lastText) {
               document.getElementById(lastText).style.visibility= "hidden"; 
         }
         lastText = texte;
         document.getElementById(lastText).style.visibility= "visible"; 
      } 
       
      </script>
      

      • Partager sur Facebook
      • Partager sur Twitter
        12 janvier 2011 à 12:23:40

        Utilise plutôt display none/block pour ce genre de choses. Sinon, tes formulaires vont s'empiler dans la page et si tu affiches le 3e, il y aura un grand blanc à cause des 1 et 2.
        • Partager sur Facebook
        • Partager sur Twitter
        Directeur technique, créateur de jeux HTML5 et fan de JavaScript | La suite de OnHack est sur les rails !

        mode display

        × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
        × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
        • Editeur
        • Markdown