[Javascrpit] Afficher/Cacher un formulaire

Afficher/Cacher un formulaire [Javascrpit] - HTML/CSS - Programmation

Marsh Posté le 21-08-2008 à 13:54:11    

Bonjour à tous...
 
Je cherche à faire un systeme pour mettre un formulaire d'identification qaui s'affiche si on clique sur une image (et qui disparait si on reclique dessus).
 
J'essaie de faire cela en JS mais si en CSS ca se fait aussi, je vote ;p
 
Voici mon code :
 
<script language="JavaScript">
var affiche=0;  
   
function Affiche_Cache(objet)  
{if affiche==0  
  {
   affiche=1;
   document.getElementById(objet).style.display = 'block';
  }
 else  
  {
   affiche=0;
   document.getElementById(objet).style.display = 'none';
  }
}
</script>
 
puis :
 
<div id="formulaire">  
    <form>
    <INPUT type="text" name="texte" value="texte">
    <INPUT type="button" value="clic">
    </form>  
</div>
<a onclick="Affiche_Cache(formulaire)" href="#"><img src="btn_identifier.png" alt="Identifier" ></a>
 
Bon je vous avouerai que cela ne marche pas :D
 
Je pense que le style none/block est p-e à gérer autrement, mais j'avoue coincer la dessus ...
 
Ensuite le but est de faire l'identification avec la BDD, du coup le JS est-il le meilleur moyen de le faire ?
 
Merci d'avance !

Reply

Marsh Posté le 21-08-2008 à 13:54:11   

Reply

Marsh Posté le 24-07-2012 à 07:33:28    

:hello:  vous pouvez essayer sa
 

Code :
  1. <Script type="Text/JavaScript">
  2. function tata(lst)
  3. {
  4. var d=document.getElementById("formulaire" );
  5. if ( lst.selectedIndex==1)
  6. d.style.display="block";
  7. else
  8. d.style.display="none";
  9. }
  10. </Script>
  11. puis
  12. <div id="formulaire"> 
  13.     <form>
  14.     <INPUT type="text" name="formulaire" id"formulaire">
  15.     <INPUT type="submit" id"formulaire" name="formulaire" value="envoyer">
  16.     </form> 
  17. </div>
  18. <INPUT border=0 src="http://votre.domain/votreimage.gif ou votreimage.jpg " type=image Value=submit name="formulaire" id"formulaire" align="middle" onchange=>"tata(this);>

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed