Cacher des champs de texte. [ Résolu ]

FORUM Tom's Hardware » Programmation » HTML / Javascript » [ Résolu ] Cacher des champs de texte.

[ Résolu ] Cacher des champs de texte.

Matériel : nikawada Le monde de Windows : spiritofdead Le monde de Linux : Fraye Jeux et consoles : Minity et 209 utilisateurs inconnus

Voir les posts : Par défaut Tous Les bonnes notes Les notes insuffisantes

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [ Résolu ] Cacher des champs de texte.

june57

Plus d'informations

25-04-2007 à 12:21:29

Bonjour,
J'ai fait une petite fonction Javascript permettant de cacher ou afficher des champs texte selon que l'on clique sur tel ou tel bouton radio. Jusque là, tout va bien. Cependant, à l'affichage de la page, les champs de texte sont tous visibles au départ, alors que je voudrais qu'ils ne le soient pas. J'ai bien essayé d'y remédier, mais rien n'a fonctionné.

Voici mon code :

Code :

<html>
<head>
<title></title>
<SCRIPT LANGUAGE="javascript">
function cacher(arg) {
if (arg==1) {
document.getElementById('text1').style.visibility='visible'; }
else {
document.getElementById('text1').style.visibility='hidden'; }
if (arg==2) {
document.getElementById('text2').style.visibility='visible'; }
else {
document.getElementById('text2').style.visibility='hidden'; }
if (arg==3) {
document.getElementById('text3').style.visibility='visible'; }
else {
document.getElementById('text
3').style.visibility='hidden'; }
}
</SCRIPT>
</head>
<body>
<form action="" method="post">
<p><label><input type="radio" name="b" value="1" onclick="cacher(1)">Administration</label>    <input id="text1" type="text" value="Rechercher une personne de l'administration">
<p><label><input type="radio" name="b" value="2" onclick="cacher(2)">Professeur</label>          <input id="text2" type="text" value="Rechercher un professeur">
<p><label><input type="radio" name="b" value="3" onclick="cacher(3)">Elève</label>                 <input id="text3" type="text" value="Rechercher un élève">
</form>
</body>
</html>