par
savousepate » 20 févr. 2006, 19:24
bonjour !
je sollicite votre aide, voici mon problème :
j'ai un formulaire dans une page, et ce formulaire comprend (entre autre) 2 boutons radio
Par défaut, le 1er bouton radio est sélectionné, mais si je sélectionne le 2eme bouton, j'aimerais qu'une partie du formulaire qui était alors masquée apparaisse
et forcément, si on resélectionne le 1er bouton radio, que cette partie soit à nouveau masquée ^^ ça va de soi !
Le problème étant que la partie masquée apparait bien lorsque je clique sur le 2eme bouton radio... mais elle ne disparait plus lorsque je clique sur le 1er bouton radio (sous Internet Explorer... avec Firefox cela fonctionne)
J'utilise cette fonction :
Code : Tout sélectionner
<script language="javascript">
function show()
{
if(document.getElementById('radio_2').checked==true)
{
document.getElementById('cache').style.visibility='visible';
document.getElementById('cache').style.display='block';
}
else
{
document.getElementById('cache').style.visibility='hidden ';
document.getElementById('cache').style.display='none';
}
}
</script>
voici le code :
Code : Tout sélectionner
<form name="form" method="post" action="./page2.php" enctype="multipart/form-data">
<table align="center"
<tr>
<td><input name="bt_radio" type="radio" value="0" checked onclick="javascript:show();">bouton radio 1</td>
<td>
<input name="bt_radio" id="radio_2" type="radio" value="1" onclick="javascript:show();">bouton radio 2</td>
</tr>
</table>
<table align="center" width="500px" id="cache" style="visibility:hidden; display:none;">
<tr>
<td>partie cachée</td>
</tr>
</table>
</form>
merci de votre aide

bonjour !
je sollicite votre aide, voici mon problème :
j'ai un formulaire dans une page, et ce formulaire comprend (entre autre) 2 boutons radio
Par défaut, le 1er bouton radio est sélectionné, mais si je sélectionne le 2eme bouton, j'aimerais qu'une partie du formulaire qui était alors masquée apparaisse
et forcément, si on resélectionne le 1er bouton radio, que cette partie soit à nouveau masquée ^^ ça va de soi !
Le problème étant que la partie masquée apparait bien lorsque je clique sur le 2eme bouton radio... mais elle ne disparait plus lorsque je clique sur le 1er bouton radio (sous Internet Explorer... avec Firefox cela fonctionne) :roll:
J'utilise cette fonction :
[code]
<script language="javascript">
function show()
{
if(document.getElementById('radio_2').checked==true)
{
document.getElementById('cache').style.visibility='visible';
document.getElementById('cache').style.display='block';
}
else
{
document.getElementById('cache').style.visibility='hidden ';
document.getElementById('cache').style.display='none';
}
}
</script>
[/code]
voici le code :
[code]
<form name="form" method="post" action="./page2.php" enctype="multipart/form-data">
<table align="center"
<tr>
<td><input name="bt_radio" type="radio" value="0" checked onclick="javascript:show();">bouton radio 1</td>
<td>
<input name="bt_radio" id="radio_2" type="radio" value="1" onclick="javascript:show();">bouton radio 2</td>
</tr>
</table>
<table align="center" width="500px" id="cache" style="visibility:hidden; display:none;">
<tr>
<td>partie cachée</td>
</tr>
</table>
</form>
[/code]
merci de votre aide ;-)