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

**Flobel** · 08/11/2004, 15h26

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

**SpaceFrog** · 08/11/2004, 15h32

Par exemple:

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
<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>

**Flobel** · 08/11/2004, 16h59

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

**SpaceFrog** · 08/11/2004, 17h03

non tu mets juste le champs input dans le div...

**Flobel** · 08/11/2004, 23h16

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

**Flobel** · 08/11/2004, 23h39

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

**SpaceFrog** · 09/11/2004, 08h49

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

**Flobel** · 09/11/2004, 09h34

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

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

JavaScript

Discussions similaires

Partager

Partager