champ de saisie invisible

**kalyparker** · 21/02/2007, 12h22

Bonjour à tous,

alors voila mon problème à l'air simple (il l'est surement) mais je n'arrive pas à caché un champ de saisie. Je vous donne mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <title></title>
  <script language="JavaScript1.2">
function fge()
{
document.monform.fe.style.visibility="hidden";
}
  </script>
  </head>
  <body>
  <FORM name="monform" method="get">
  <INPUT TYPE="SUBMIT" VALUE="TEST" OnClick="fge()">
  <input type="text" name="fe" id="fe" value="test1">
  </form>
  </body>
</html>

en fait je veux que lorsque je clique sur mon bouton le champ de saisie disparaisse. C'est possible ça ?

**SpaceFrog** · 21/02/2007, 13h20

soit tu bascules le type du champs à hidden soit tu modifies son style visibility ou display ...

c'est dans la FAQ tout ça !!!
http://javascript.developpez.com/faq...SS#affichObjet

**kalyparker** · 21/02/2007, 13h27

Merci SpaceFrog,

mais j'ai essayé, et ça marche pas... d'ailleurs je ne comprend pas pourquoi...

c'est bien comme ça que ça marche :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <title></title>
  <script language="JavaScript1.2">
function cacher(obj)
{
document.getElementById(obj).style.display = "none";
}
  </script>
  </head>
  <body>
  <FORM name="monform" method="get">
  <INPUT TYPE="SUBMIT" VALUE="TEST" OnClick="cacher(document.monform.fe)">
  <input type="text" id="fe" value="test1">
  </form>
  </body>
</html>

**SpaceFrog** · 21/02/2007, 13h31

ben normal tu ne passes pas le bon paramètre !
là tu passe l'objet et dans la focntion tu le traites comme si c'était le string de l'id ...

**kalyparker** · 21/02/2007, 13h54

tu vas me trouver un peu lourde, mais c'est pas grave.

Pourquoi lorsque je fait un

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

alert(document.getElementById("fe").style.display);

ou un

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

alert(document.getElementById("fe").style.visibility);

Je n'obtient aucune info ?

PS : la cette fois ci j'ai bien passé le bon paramètre : l'id de mon input text.

Je vais finir par comprendre les javascripts, non ? Ok, je sors...

**SpaceFrog** · 21/02/2007, 13h57

parceque tu n'as pas du les initialiser dans le code html ...
pour l'alert essaye avec getComputedStyle, c'est a dire style interprété ...

**kalyparker** · 21/02/2007, 14h28

Après m'etre un peu battu, je crois que j'ai la solution :

si j'utilise les balises <form> dans ma fonction :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById("fe").style.visibility='hiden'

Par contre pour que ça marche j'ai virer :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<form name="monform" method="get"></form>

Apparemment, ça ne marche pas autrement.
Quelqu'un sait il pourquoi ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

parceque tu n'as pas du les initialiser dans le code html ...

Qu'est ce que tu entends par là SpaceFrog ?

**SpaceFrog** · 21/02/2007, 15h51

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

   <input type="text" id="fe" value="test1" style="visibility:visible;">

sinon en conservant les balises form :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.forms[0].getElementById("fe").style.visibility='hidden'

**kalyparker** · 21/02/2007, 15h54

Encore une fois Merci pour ton aide SpaceFrog

champ de saisie invisible

JavaScript

Discussions similaires

Partager

Partager