I can't get my scrolling text box to hide/unhide when i click and unclick a checkbox in netscape... I know you have to use visibility.show/hide but i must be missing something
Here is my code I have excluded my netscape visibility code because it doesn't work, this seems to work in IE, any suggestions for the code in netscape
<html>
<head><script LANGUAGE="javascript">
<!--
function show(){
if (document.all.C1.checked){
document.all("rnd"
.style.visibility = "visible";
}else{
document.all("rnd".style.visibility = "hidden";
}
}
//-->
</script>
<title>Test</title>
<style type="text/css">
.test{
position: relative;
visibility: hidden;
top: 112;
left: 120;
}
</style>
</head>
<body>
<form>
<p><input type="checkbox" name="C1" value="ON" onclick="show()"></p>
</form>
<form method="POST" div class="test" id="rnd">
<input type="hidden" name="VTI-GROUP" value="0"><p> </p>
<p> </p>
<table>
<tr>
<td><div align="left"><p><textarea rows="2" name="S1" cols="20"></textarea></td>
</tr>
</table>
<p> </p>
</form>
<p> </p>
<p> </p>
</body>
</html>
Here is my code I have excluded my netscape visibility code because it doesn't work, this seems to work in IE, any suggestions for the code in netscape
<html>
<head><script LANGUAGE="javascript">
<!--
function show(){
if (document.all.C1.checked){
document.all("rnd"
.style.visibility = "visible";}else{
document.all("rnd"
.style.visibility = "hidden";}
}
//-->
</script>
<title>Test</title>
<style type="text/css">
.test{
position: relative;
visibility: hidden;
top: 112;
left: 120;
}
</style>
</head>
<body>
<form>
<p><input type="checkbox" name="C1" value="ON" onclick="show()"></p>
</form>
<form method="POST" div class="test" id="rnd">
<input type="hidden" name="VTI-GROUP" value="0"><p> </p>
<p> </p>
<table>
<tr>
<td><div align="left"><p><textarea rows="2" name="S1" cols="20"></textarea></td>
</tr>
</table>
<p> </p>
</form>
<p> </p>
<p> </p>
</body>
</html>