Salut à tous!
s'il vous j'ai écris une fonction (function hide(Index)), qui me permet de cacher ou de rendre visibles certains champs de mon formulaire.
ça marche parfaitement sur Mozila Firefox, mais quand j'ouvre avec Internet Explorer ,ma fonction ne s'execute pas.
SVP aidez moi, c'est urgent!
voici la code de ma page :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>SiteSDH</title>
<style type="text/css">
<!--
-->
.hidden {
display: none;
}
.visible {
display: inline;
}
.Style2 {font-size: 10px}
</style>
<script language="Javascript">
function hide(Index) {
if (Index==1) {
document.getElementById("coupler").className = "visible";
document.getElementById("nbrfilter").className = "hidden";
document.getElementById("filter").className = "hidden";
}
else{if(Index==2){
document.getElementById("coupler").className = "hidden";
document.getElementById("nbrfilter").className = "visible";
document.getElementById("filter").className = "visible";}
else{if(Index==3){
document.getElementById("coupler").className = "hidden";
document.getElementById("nbrfilter").className = "hidden";
document.getElementById("filter").className = "hidden";}
}}}
function popup(page){
window.open(page);
}
</script>
</head>
<body bgcolor="#99CCFF">
<tr>
<td height="28"> </td>
<td width="286"><label></label>
</td>
<td><label></label></td>
</tr>
<form name="form3" action="SDH.php" method="post">
<p> </p>
<p> </p>
<table width="788" height="120" align="center" border="1" cellspacing="0" bgcolor="#FFFFCC">
<tr>
<td height="33"><strong>RF Coupling</strong></td>
<td colspan="2"><select name="coupling">
<option selected="selected" value=""></option>
<option value="Indoor Branching" onclick="hide(3)">Indoor Branching</option>
<option value="Coupler" onclick="hide(1)">Coupler</option>
<option value="Branching Box" onclick="hide(2)">Branching Box</option>
<option value="Hot Stand BY" onclick="hide(3)">Hot Stand By</option>
</select>
<select name="coupler" id="coupler" class='hidden'>
<option selected="selected" value=""></option>
<option onclick="">Asym</option>
<option value="">Sym</option>
</select>
<select name="nbrfilter" id="nbrfilter" class='hidden'>
<option selected="selected" value=""></option>
<option value="">1</option>
<option value="">2</option>
<option value="">3</option>
<option value="">4</option>
</select>
<input type="text" name="filter" id="filter" class="hidden" value="Filters" readonly="1" width="25"/></td>
</tr>
</table>
</div>
</form>
</body>
</html>