pb afficher cacher des éléments
bonjour,
voila je n'y connais absolument pas grand chose en javascript et je cherche un peu d'aide pour mon script que j'ai repiqué sur un autre site. Vous me direz c ultra simple mais quand meme.
voila je cherche à cacher des éléments d'un formulaire dans un tableau html.
quand je coche sur oui les éléments apparaissent et qd je coche sur non les éléments disparaissent.
voici mon code html
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27
|
<script language="JavaScript" src="modifierEmission.js"></script>
<table border="0">
<form id="ajouterAnimateur" action="ajouterAnimateur.php" method="POST" onClick="checkVisibility()>
<tr>
<td> animteur Génrant un site : </td>
<td>oui</td>
<td><input type="radio" name="radio" value="oui"> </td>
<td>non</td>
<td><input type='radio' name="radio" value="non" checked="Checked"></td>
</tr>
<div id="visible">
<tr>
<td>login :</td><td><input type="text" name="login"></td>
</tr>
<tr>
<tr>
<td>mot de pass :</td><td><input type="password" name="mdp"></td>
</tr>
</div>
<tr>
</table>
<script>
<!--
document.onload=checkVisibility();
//-->
</script> |
voici le code dans la page modifierEmission.js
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
|
function checkVisibility() {
if (document.getElementById) { //mozilla, netscape
if(document.ajouterAnimateur.radio.selectedIndex=='non') {
document.getElementById('visible').style.visibility='hidden';
}
else {
document.getElementById('visible').style.visibility='visible';
}
}
else if (document.all) { //IE
if(document.ajouterAnimateur.radio.selectedIndex=='non') {
document.all['visible'].style.visibility = 'hidden';
}
else {
document.all['visible'].style.visibility = 'visible';
}
}
} |
voila si quelqu'un pouvait m'aider j'en serai très reconnaissant.
merci d'avance ++