apparition d'un chanp text au click d'un bouton radio

Version imprimable

08/11/2004, 15h26
Flobel

apparition d'un chanp text au click d'un bouton radio

Bonjour

J'aimerais faire apparaitre un champ texte lors du clic sur une case d'un bouton radio.
C'est un bouton radio à 2 cases seulement.

J'aimerais aussi qu'il s'efface lorsque l'utilisateur clique sur l'autre case.

Comment puis-je faire ça?

Merci

Florian

Par exemple:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script type='text/javascript'>
function toggletexte(status){
Obj=document.getElementById('zonetexte')
Obj.style.display=status
}
</script>
</head>
 
 
<body>
<input type='radio' name='toggle' value="none" id='hide' onclick="toggletexte(this.value)" /><label for='hide'>masquer</label><br/>
<input type='radio' name='toggle' value="block" id='show'onclick="toggletexte(this.value)"  /><label for='show'>montrer</label><br/>
<div id="zonetexte">Ici le texte à montrer ou non en focntion du click sur un bouton radion</div> 
 
</body>

08/11/2004, 16h59
Flobel

Merci de ta réponse.

J'ai manqué de précision lors de mon post.

Ce que je veux ajouter, c'est un champ texte de type input (pour demander un parametre a l'utilisateur, mais seulement pour le bouton radio concerné).

Est ce que c'est très différent?

Merci.

Florian
08/11/2004, 17h03
SpaceFrog

non tu mets juste le champs input dans le div...
08/11/2004, 23h16
Flobel

Merci ça fonctionne

Mais j'ai 2 petits problemes :

- Au chargement de la page, le input est affiché et je voudrais qu'il n'y soit pas (je pense qu'il faut que je rajoute une petite ligne dans la fonction chargée au onLoad, tu confirmes?)
- Ca m'embete d'avoir des values 'none' et 'block' parceque je les recupere ensuite pour en faire des variables de session java et elles ne sont pas explicites. J'aimerais changer laisser des values perso. Comment faire?

Merci beaucoup.

Florian
08/11/2004, 23h39
Flobel

En fait j'ai trouvé tout seul.

J'ai effectivement appelé la fonction avec l'argument 'none' dans le onLoad.
Et puis pour les values, dans les appels par le onclick, j'ai mis 'none' et 'block' directement, au lieu des this.value comme ca j'ai pu mettre ce que je veux dans les values de mes input.

Merci pour ton aide.

Florian
09/11/2004, 08h49
SpaceFrog

Nickel et content de voir que contrairement à certains qui viennent ici tu as étudié le code, compris comment il fonctionnait et adapté à ta sauce !

:wink:
09/11/2004, 09h34
Flobel

Ca marche super.

Faut jutes faire attention a la casse des fonctions... j'avais mis GetElementById au lieu de getElementById alors forcément ca ne fonctionnait pas.

Heureusement j'ai vu dans ton script qu'il n'y avait pas de majuscule! (le deboggueur m'a dit ne pas connaitre la fonction).

Ca m'a quand meme perdu 30 min... Je suis un débutant...

Merci bien en tout cas de ton aide.

Florian