Hi,
The HTML below works fine in IE and safari but NOT in Netscape. Netscape does not hide the scrolling panel of the Select box.
Is there any way i can hide it?
I am using Netscape 6.2.1.
Thanks in advance.
<html>
<head>
<title>
TITLE
</title>
<script language="JavaScript">
function showLayer(layerNum)
{
showLayer1(layerNum)
}
function showLayer1(layerNum)
{
if (layerNum ==1)
{
if (document.getElementById)
{
document.getElementById("layer1").style.visibility ='visible';
document.getElementById("layer2").style.visibility ='hidden';
}
else if (document.layers)
{
document.pdis_wrapper.document.layers["layer2"].visibility='hide';
document.pdis_wrapper.document.layers["layer1"].visibility='show';
}
else
{
document.all["layer2"].style.visibility='hidden';
document.all["layer1"].style.visibility='visible';
}
}
else if (layerNum == 2)
{
if (document.getElementById)
{
document.getElementById("layer1").style.visibility ='hidden';
document.getElementById("layer2").style.visibility ='visible';
}
else if (document.layers)
{
document.pdis_wrapper.document.layers["layer2"].visibility='show';
document.pdis_wrapper.document.layers["layer1"].visibility='hide';
}
else
{
document.all["layer2"].style.visibility='visible';
document.all["layer1"].style.visibility='hidden';
}
}
}
</script>
</head>
<body>
<TABLE border = "1"
align ="center"
style ="cell-padding:0">
<TR>
<TD><a href="javascript:showLayer(1)">Layer1</a></TD>
<TD><a href="javascript:showLayer(2)">Layer2</a></TD>
</TR>
</TABLE>
<DIV ID='layer1' style='position:absolute; LEFT:100; TOP:100;'>
<TABLE border = "1"
align ="center"
style ="cell-padding:0">
<TR>
<TD>Name</TD>
<TD>Some Name
<select name="" size="2">
</select>
</TD>
</TR>
</TABLE>
</DIV>
<DIV ID='layer2' style='position:absolute; LEFT:100; TOP:200;'>
<TABLE border = "1"
align ="center"
style ="cell-padding:0">
<TR>
<TH colspan="2">Table 2 </TH>
</TR>
<TR>
<TD>Some other label</TD>
<TD>Etc</TD>
</TR>
</TABLE>
</DIV>
</body>
</html>
The HTML below works fine in IE and safari but NOT in Netscape. Netscape does not hide the scrolling panel of the Select box.
Is there any way i can hide it?
I am using Netscape 6.2.1.
Thanks in advance.
<html>
<head>
<title>
TITLE
</title>
<script language="JavaScript">
function showLayer(layerNum)
{
showLayer1(layerNum)
}
function showLayer1(layerNum)
{
if (layerNum ==1)
{
if (document.getElementById)
{
document.getElementById("layer1").style.visibility ='visible';
document.getElementById("layer2").style.visibility ='hidden';
}
else if (document.layers)
{
document.pdis_wrapper.document.layers["layer2"].visibility='hide';
document.pdis_wrapper.document.layers["layer1"].visibility='show';
}
else
{
document.all["layer2"].style.visibility='hidden';
document.all["layer1"].style.visibility='visible';
}
}
else if (layerNum == 2)
{
if (document.getElementById)
{
document.getElementById("layer1").style.visibility ='hidden';
document.getElementById("layer2").style.visibility ='visible';
}
else if (document.layers)
{
document.pdis_wrapper.document.layers["layer2"].visibility='show';
document.pdis_wrapper.document.layers["layer1"].visibility='hide';
}
else
{
document.all["layer2"].style.visibility='visible';
document.all["layer1"].style.visibility='hidden';
}
}
}
</script>
</head>
<body>
<TABLE border = "1"
align ="center"
style ="cell-padding:0">
<TR>
<TD><a href="javascript:showLayer(1)">Layer1</a></TD>
<TD><a href="javascript:showLayer(2)">Layer2</a></TD>
</TR>
</TABLE>
<DIV ID='layer1' style='position:absolute; LEFT:100; TOP:100;'>
<TABLE border = "1"
align ="center"
style ="cell-padding:0">
<TR>
<TD>Name</TD>
<TD>Some Name
<select name="" size="2">
</select>
</TD>
</TR>
</TABLE>
</DIV>
<DIV ID='layer2' style='position:absolute; LEFT:100; TOP:200;'>
<TABLE border = "1"
align ="center"
style ="cell-padding:0">
<TR>
<TH colspan="2">Table 2 </TH>
</TR>
<TR>
<TD>Some other label</TD>
<TD>Etc</TD>
</TR>
</TABLE>
</DIV>
</body>
</html>