Se connecter avec
S'enregistrer | Connectez-vous

[ Résolu ] Cacher des champs de texte.

Dernière réponse : dans Programmation

Bonjour,
J'ai fait une petite fonction Javascript permettant de cacher ou afficher des champs texte selon que l'on clique sur tel ou tel bouton radio. Jusque là, tout va bien. Cependant, à l'affichage de la page, les champs de texte sont tous visibles au départ, alors que je voudrais qu'ils ne le soient pas. J'ai bien essayé d'y remédier, mais rien n'a fonctionné.

Voici mon code :

  1. <html>
  2.  
  3. <head>
  4. <title></title>
  5. <SCRIPT LANGUAGE="javascript">
  6. function cacher(arg) {
  7. if (arg==1) {
  8. document.getElementById('text1').style.visibility='visible'; }
  9. else {
  10. document.getElementById('text1').style.visibility='hidden'; }
  11. if (arg==2) {
  12. document.getElementById('text2').style.visibility='visible'; }
  13. else {
  14. document.getElementById('text2').style.visibility='hidden'; }
  15. if (arg==3) {
  16. document.getElementById('text3').style.visibility='visible'; }
  17. else {
  18. document.getElementById('text
  19. 3').style.visibility='hidden'; }
  20. }
  21. </SCRIPT>
  22. </head>
  23.  
  24. <body>
  25. <form action="" method="post">
  26. <p><label><input type="radio" name="b" value="1" onclick="cacher(1)">Administration</label>    <input id="text1" type="text" value="Rechercher une personne de l'administration">
  27. <p><label><input type="radio" name="b" value="2" onclick="cacher(2)">Professeur</label>          <input id="text2" type="text" value="Rechercher un professeur">
  28. <p><label><input type="radio" name="b" value="3" onclick="cacher(3)">Elève</label>                 <input id="text3" type="text" value="Rechercher un élève">
  29. </form>
  30. </body>
  31.  
  32. </html>


Merci d'avance pour votre aide !

Autres pages sur : resolu cacher champs texte

Lassé par la pub ? Créez un compte

Bon alors il faut creer une fonction js init() qui sera:
(en supposant que tu ne veuilles montrer que le text1 au début)
  1. function init() {
  2. document.getElementById('text1').style.visibility='visible';
  3. document.getElementById('text2').style.visibility='hidden';
  4. document.getElementById('text3').style.visibility='hidden';
  5. }


Histoire de cacher les div au demarrage, tu le mettras dans le body en onload :) 

  1. <body onload="init()">


(bon, pas testé, mais je pense que ça devrait marcher :) )
Lassé par la pub ? Créez un compte