june57
Nouveau membre
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 :
[cpp]<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>[/cpp]
Merci d'avance pour votre aide !
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 :
[cpp]<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>[/cpp]
Merci d'avance pour votre aide !