Discussion :

[sihamnet]

Bonjour à tous,

Comment créer un formulaire html d'une manière à cacher/visionner une partie facultative de ce formulaire via un bouton radio ?

Le problème c'est que si on rempli le formulaire ' facultatif ' et qu'on le cache, en l'affichant une autre fois, le formulaire (juste le facultatif) doit prendre son état initial : des input vide.

Pourriez-vous m'aider s'il vous plait ?

[vermine]

Bonjour,

Vous pouvez vous inspirer de la Faq : Comment faire apparaitre ou disparaître un objet ?

[sihamnet]

Bonjour a tous

voilà une fonction javascript que j'ai utilisé

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
function show()
{
   if(document.getElementById('radio_2').checked==true)
   {
      document.getElementById('cache').style.visibility='visible';
      document.getElementById('cache').style.display='block';
   }
   else
   {
      document.getElementById('cache').style.visibility='hidden ';
      document.getElementById('cache').style.display='none';
   }
}

et j'appelle dans un tableau:

Code html :

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

1
2
3
<td><input name="bt_radio" type="radio" value="0" checked onclick="javascript:show();">Manuel
    <input name="bt_radio" id="radio_2" type="radio" value="1" onclick="javascript:show();">Automatic
</td>

le problème c'est que quand j’affiche , je rempli le Frm 'facultatif' ,je cache et j'affiche à nouveau ; les valeurs que j'ai saisi sont tjrs là
j'attend tjrs votre aide

[NoSmoking]

Bonjour,
il te suffit dans la fonction de masquage, show dans ton cas, de vider les champs du conteneur que tu va masquer.

[sihamnet]

et comment je vais le faire ? dsl mais je suis débutante en ce qui concerne javascript

[NoSmoking]

as tu regardé le lien fourni par vermine?

[sihamnet]

oui mais j'ai pas bien saisi comment vider les champs du conteneur que je vais masquer c-a-d qu'elle l'instruction à utiliser??

[NoSmoking]

il te suffit de vider la value si il s'agit d'INPUT

Code :

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

1
2
var oInput = document.getElementById('id_input');
oInput.value = '';