Afficher/Masquer bouton

Bonjour,

je suis face à un problème et j'aimerais de l'aide SVP.
J'ai créé un formulaire de réservation pour mon site web http://westtravel.biz/WESTTRAVEL.BIZ/HOME.php
En fait j'aimerais masquer le bouton aller/retour lorsqu'on clique sur aller simple, j'ai fait des recherches mais je n'ai rien trouvé.

Merci d'avance.

4 réponses

  • Votes
  • Date
  • Date décroissante
  1. Bonjour,

    En cherchant sur le net j'ai trouvé ceci qui va surement t'aider :

    <head>
    <script language="JavaScript" type="text/JavaScript">
    
    function afficher()
    {
      var a = document.getElementById("dest" );
      var m = document.getElementById("aff" );
        a.style.display = "block";
        m.style.display = "none";
    }
     
    function masquer()  
    {  
      var a = document.getElementById("dest" );  
      var m = document.getElementById("aff" );  
     a.style.display = "none";  
     m.style.display = "block";  
    }
    
    function initial()  
    {  
      var a = document.getElementById("dest" );  
      var m = document.getElementById("aff" );  
     a.style.display = "none";  
     m.style.display = "none";  
    }
    
    </script>
    
    
    <body onLoad="javascript:initial();">
    
    <input id="radio" type="radio" name="radio" value="1" OnClick="javascript:afficher();" />
    <input id="radio" type="radio" name="radio" value="2" OnClick="javascript:masquer();" /></td>
    
    <div id="aff">
    blablabla
    </div>
    
    <div id="dest">
    blablabla2
    </div>
    </body>

    ? MastercroW ?
    1. j'ai aussi trouvé çà sur le net mais çà ne m'a pas aidé du tout.
  2. Ben faut savoir l'utiliser après ! Cherche comment l'utiliser et tu verras c'est bien pratique.
    1. Pour ton cas tu peux faire un genre comme ceci :
      <head> 
      <script language="JavaScript" type="text/JavaScript"> 
      
      function afficher() 
      { 
        var a = document.getElementById("dest" ); 
        var m = document.getElementById("aff" ); 
          a.style.display = "block"; 
          m.style.display = "none"; 
      } 
        
      function masquer()   
      {   
        var a = document.getElementById("dest" );   
        var m = document.getElementById("aff" );   
       a.style.display = "none";   
       m.style.display = "block";   
      } 
      
      function initial()   
      {   
        var a = document.getElementById("dest" );   
        var m = document.getElementById("aff" );   
       a.style.display = "none";   
       m.style.display = "none";   
      } 
      
      </script> 
      
      
      <body onLoad="javascript:initial();"> 
      
      <input id="radio" type="radio" name="radio" value="1" OnClick="javascript:afficher();" />Aller simple<br> 
      <input id="radio" type="radio" name="radio" value="2" OnClick="javascript:masquer();" /> Aller + retour</td> 
      
      <div id="aff"> 
      <input type="text" name="depart" value="depart"> 
      <input type="text" name="retour" value="retour"> 
      </div> 
      
      <div id="dest"> 
      <input type="text" name="depart" value="depart"> 
      </div> 
      </body>