Afficher/Masquer bouton

Fermé
safraxater Messages postés 18 Date d'inscription vendredi 6 mars 2009 Statut Membre Dernière intervention 27 mars 2012 - 25 août 2011 à 14:23
MastercroW Messages postés 1095 Date d'inscription dimanche 3 octobre 2010 Statut Membre Dernière intervention 31 mai 2019 - 25 août 2011 à 17:27
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

safraxater Messages postés 18 Date d'inscription vendredi 6 mars 2009 Statut Membre Dernière intervention 27 mars 2012
25 août 2011 à 14:24
si possible le code nécessaire et où le placer.
0
MastercroW Messages postés 1095 Date d'inscription dimanche 3 octobre 2010 Statut Membre Dernière intervention 31 mai 2019 163
Modifié par MastercroW le 25/08/2011 à 16:57
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 ?
0
safraxater Messages postés 18 Date d'inscription vendredi 6 mars 2009 Statut Membre Dernière intervention 27 mars 2012
25 août 2011 à 17:23
j'ai aussi trouvé çà sur le net mais çà ne m'a pas aidé du tout.
0
MastercroW Messages postés 1095 Date d'inscription dimanche 3 octobre 2010 Statut Membre Dernière intervention 31 mai 2019 163
25 août 2011 à 17:25
Ben faut savoir l'utiliser après ! Cherche comment l'utiliser et tu verras c'est bien pratique.
0
MastercroW Messages postés 1095 Date d'inscription dimanche 3 octobre 2010 Statut Membre Dernière intervention 31 mai 2019 163
Modifié par MastercroW le 25/08/2011 à 17:28
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>
0