Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations wOOdy-Soft on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Display problem

Status
Not open for further replies.
rajkum

rajkum

Programmer
Jul 30, 2003
48
US
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>

 
Sort by date Sort by votes
try the code below. It seems you had a lot of unneccesary code in there...

Code: 
<html>
<head>
    <title>
        TITLE
    </title>


<script language="JavaScript">

function showLayer(show, hide) {
	document.getElementById(show).style.visibility = 'visible';
	document.getElementById(hide).style.visibility = 'hidden';
}
</script>
</head>
<body>
<TABLE border="1" align="center" style="cell-padding:0"><TR>    
	<TD><a href="#" onclick="showLayer('layer1', 'layer2'); return false;">Layer1</a></TD>
	<TD><a href="#" onclick="showLayer('layer2', 'layer1'); return false;">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>

*cLFlaVA
----------------------------
[tt]insert funny quotation here.[/tt]
 
Upvote 0 Downvote
Thank you cLFlaVA, but the Netscape problem still persists.
 
Upvote 0 Downvote
what version?

*cLFlaVA
----------------------------
[tt]insert funny quotation here.[/tt]
 
Upvote 0 Downvote

how about this


function showLayer(show, hide)
{
document.getElementById(show).style.display = 'block';
document.getElementById(hide).style.display = 'none';
}
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

amrmnabil
  • Locked
  • Question
React Problem
Replies
0
Views
307
amrmnabil
amrmnabil
chikwendu
  • Locked
  • Question
How do I display an extra input box for editing an existing data?
Replies
1
Views
290
chikwendu
chikwendu
bs6600
  • Locked
  • Question
Nested accordion problem
Replies
1
Views
270
bs6600
bs6600
Disskyz
  • Locked
  • Question
New to JavaScript, Having a problem with an array
Replies
2
Views
318
Disskyz
Disskyz
bs6600
  • Locked
  • Question
Accordion - Anchors in panels causing problems 1
Replies
6
Views
438
feherke
feherke

Part and Inventory Search

Sponsor

Back
Top