PDA

Click to See Complete Forum and Search --> : Hide/show layer on another frame

tagriffith
11-02-2005, 04:28 PM
I am creating a website and I have setup two frames. The top frame is the header with all the links. I want to hide and show a layer in the topFrame based upon the mainFrame page. Is there a way to do a script that would allow me to show the layer on the topframe by doing an onLoad script? I hope that this is clear.
Mr J
11-02-2005, 05:49 PM
The 2 attributes you can use for this are display and visibility depending on the result that you want.

visibility="visible"
visibility="hidden"

or

display="block"
display="none"


Put the functions in the top frame

function showDiv(){
document.getElementById("divname").style.visibility="visible"
}

function hideDiv(){
document.getElementById("divname").style.visibility="hidden"
}

Then call the functions from the page loading in the bottom frame with the onload and/or onunload events.

<BODY onload="parent.topframe.showDiv()" onunload="parent.topframe.hideDiv">


You could also go

function showHideDiv(){
if(document.getElementById("divname").style.visibility=="hidden"){
document.getElementById("divname").style.visibility="visible"
}
else{
document.getElementById("divname").style.visibility="hidden"
}

but you will have to set the dic to hidden to begin with

Hope this helps
tagriffith
11-03-2005, 09:57 AM
I am not get this to actually hide/show the layer in the topframe. Here is my code for the frameset:

<script language="JavaScript">
function showDiv(){
document.getElementById("test1").style.visibility="visible"
}

function hideDiv(){
document.getElementById("test1").style.visibility="hidden"
}
</script>

<div id="test1" style="position:absolute; left:157px; top:54px; width:57px; height:24px; z-index:1; visibility: hidden;">Test1</div>
<table width="760" height="71" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="/sw(new)/testframe/Link1.htm" target="mainFrame">Link1</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="/sw(new)/testframe/Link2.htm" target="mainFrame">Link2</a></td>
</tr>
</table>

and here is the link1 page with the onload code:

<BODY onload="parent.topframe.showDiv()" onunload="parent.topframe.hideDiv()">

What am I doing wrong here? I need to somehow lable the onload to know which layer I want to show or hide...right? Because the end result I will have several layers that different pages will hide/show.

Thanks in advance
Mr J
11-03-2005, 02:04 PM
I think you would be best going with the display attribute rather than the visibility attribute.

I have run up a couple of examples on how you can go about creating the effect you want.

Take a look at the examlpe files in the attached zip file