Show/hide multiple layers 1

MikeyK · Aug 30, 2001

I have the following function to show and hide two layers:

I cant get layer B to work, using one function. I think i have to pass the function a generic argument?

Any help would be appreciated. Here is the code:

Code:

<html>
<head>

<SCRIPT language=JavaScript><!--
function showIt(layerA)
{
if(document.layers)
   document.layers[&quot;layerA&quot;].visibility=&quot;visible&quot;;
if(document.all)
   document.all[&quot;layerA&quot;].style.visibility=&quot;visible&quot;;
}

function hideIt(layerA)
{
if(document.layers)
   document.layers[&quot;layerA&quot;].visibility=&quot;hidden&quot;;
if(document.all)
   document.all[&quot;layerA&quot;].style.visibility=&quot;hidden&quot;;
}
// -->
		</SCRIPT>

<STYLE type=text/css>

#layerA {
	BACKGROUND-COLOR: #FFFFFF; LEFT: 10px; POSITION: absolute; TOP: 50px; VISIBILITY: hidden; WIDTH: 300px
}
#layerB {
	BACKGROUND-COLOR: #FFFFFF; LEFT: 10px; POSITION: absolute; TOP: 80px; VISIBILITY: hidden; WIDTH: 300px
}
</STYLE>
		
</head>

<body>

 <A href=&quot;#&quot; onmouseout=hideIt(layerA); onmouseover=showIt(layerA);>Link A</a>    
 <A href=&quot;#&quot; onmouseout=hideIt(layerB); onmouseover=showIt(layerB);>Link B</a>

<DIV class=text id=layerA>AAAAAAAA</DIV>		
<DIV class=text id=layerB>BBBBBBBB</DIV>

</body>
</html>

kristof · Aug 30, 2001

Hiya,

I have adapted your code a bit to serve your needs.

<html>
<head>

<SCRIPT language=JavaScript>
</SCRIPT>

<STYLE type=text/css>
#layerA {
BACKGROUND-COLOR: #FFFFFF; LEFT: 10px; POSITION: absolute; TOP: 50px; VISIBILITY: hidden; WIDTH: 300px
}
#layerB {
BACKGROUND-COLOR: #FFFFFF; LEFT: 10px; POSITION: absolute; TOP: 80px; VISIBILITY: hidden; WIDTH: 300px
}
</STYLE>
</head>
<body>

<A href="#" onmouseout=hideIt('layerA'); onmouseover=showIt('layerA');>Link A</a>
<A href="#" onmouseout=hideIt('layerB'); onmouseover=showIt('layerB');>Link B</a>
<div id="layerA">AAAAAAAA</div>
<div id="layerB">BBBBBBBB</div>
</body>
</html>

Hope this is what you are looking for?

Gtz,

Kristof

PS: notice the difference i made for NS show/hide and IE visible/hidden. Doesn't seem to matter much but you can never be sure enough

baad · Aug 30, 2001

kristof, last week i was told that netscape supports "hidden".. weird.. i really didnt kno that before, & it works in nn4.61 (wich i have) & i think in others..

u never know what is goin on around here.. Victor

kristof · Aug 30, 2001

It does? Hm, will that browser ever make sense? X-)

Oh well, was a small remark anyhow, so mikeyK, you can ignore my PS.

Still, it might be wise to include it because of the older NS versions? Or should it be disregarded totally?

Gtz (and tnx for the info vituz),

Kristof

baad · Aug 30, 2001

no, i think we shuld leave it like it is told in netscrap documentation: hide
at least i wont change anything in my codes

but it was interesting to know.. Victor

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!

Show/hide multiple layers 1

MikeyK

Programmer

kristof

Programmer

baad

Programmer

kristof

Programmer

baad

Programmer

Similar threads

Part and Inventory Search

Sponsor