champ de saisie invisible

Version imprimable

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:

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 ?

21/02/2007, 13h20
SpaceFrog

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

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:

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>

21/02/2007, 13h31
SpaceFrog

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 ... 8O
21/02/2007, 13h54
kalyparker

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

Pourquoi lorsque je fait un

Code:

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

ou un

Code:

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...
21/02/2007, 13h57
SpaceFrog

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é ...
21/02/2007, 14h28
kalyparker

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

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

Code:

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

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

Code:

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

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

Code:

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

Qu'est ce que tu entends par là SpaceFrog ?
21/02/2007, 15h51
SpaceFrog

Code:

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

sinon en conservant les balises form :

Code:

document.forms[0].getElementById("fe").style.visibility='hidden'
21/02/2007, 15h54
kalyparker

Encore une fois Merci pour ton aide SpaceFrog :king: