Discussion :

[jjouc]

Bonjour,
j'essaie de trouver des exemples sur internet mais sans succes.
J'ai crée un champ de type radio avec 2 choix "oui" et "non" et j'aimerais que si l'on clique sur "oui" un champ de type text apparaisse en dessous. Pourriez vous me donner un code d'exemple que j'adapterais car je n'ai jamais utilisé Javascript auparavant et je ne sais pas comment m'y prendre
Merci d'avance!

[vermine]

Bonjour,

Regardez cette fonction-ci que vous pouver lancer sur le onclick des boutons radios:

Code html :

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

<input type="radio" onclick="maFonction(this);"

[jjouc]

Merci, mais ou dois je mettre le champ text que je veux inserer?

[jjouc]

j'ai mis ceci en haut de ma page

Code :

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

1
2
3
4
5
 <SCRIPT type="text/javascript" language="javascript">
	function afficher(){
        document.getElementById(exp_oui).style.display = "block";
}
</SCRIPT>

dans mon formulaire j'ai mis ca

Code :

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

<label for="experience"><input class="radio" type="radio" onclick="afficher(this); value="oui" name="experience" id="exp_oui"/>oui</label>

et rien ne se passe

c'est vraiment la premiere fois que j'utilise javascript donc je suis un peu perdu!!

Merci!

[vermine]

Avec cette fonction-là, on suppose que le champ existe déjà dans la page de manière:

Code html :

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

style="display:none"

D'ailleurs je me suis trompé dans l'appel de fonction. Ce n'est pas this que vous devez passer mais l'id du champ que vous voulez afficher:

Code :

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

<input type="radio" onclick="maFonction('id_du_champ');">

[vermine]

D'accord, vous avez quand même l'air d'avoir compris le principe. Il y a juste un problème de " dans votre code et le fait qu'il faut que le champ soit display:none au démarrage.

[jjouc]

si j'ai bien compris:
je crèe mon champ input de type textque je cache.
Je met la fonction onclick dans le champ de type radio avec l'id du champ caché.
et dans la fonction je met document.getElementById(id_du_champ_input_text).style.display = "block";

Suis je sur la bonne voie?

[vermine]

Oui ça m'a l'air plutôt bien.

[jjouc]

merci