make a frame invisible

Andy Fish · Mar 11, 2005

Hi

I have hunted around for this one but been unable to find any definitive
answer.

I have a simple frameset with one frame above another. by clicking a
checkbox or some such in the lower frame the user can choose whether to have
the upper frame displayed or not.

I have tried frames["upper"].style.display="none" which looked right
according to the CSS spec but didn't work for me.

I don't want to have to reload the page without a frameset; I want to keep
the frameset in place but the lower frame fills the window and the user
cannot see or navigate to the upper frame. This should work in recent
versions of popular browsers (mandatory IE6 and Firefox)

Can this be done?

TIA

Andy

bruce_brodinsky · Mar 11, 2005

Just off the top of the head, can you change the frame size of the
frame you want to hide, to be 0 (or make the other frame 100%,
whatever)? Can the "Rows" attribute of the Frameset tag be modified to
do this in DHTML? I would go this route.

RobB · Mar 11, 2005

Andy said:
Hi

I have hunted around for this one but been unable to find any definitive
answer.

I have a simple frameset with one frame above another. by clicking a
checkbox or some such in the lower frame the user can choose whether to have
the upper frame displayed or not.

I have tried frames["upper"].style.display="none" which looked right
according to the CSS spec but didn't work for me.

I don't want to have to reload the page without a frameset; I want to keep
the frameset in place but the lower frame fills the window and the user
cannot see or navigate to the upper frame. This should work in recent

versions of popular browsers (mandatory IE6 and Firefox)

Can this be done?

TIA

Andy

Remembered this from years past but, no idea how cross-browser it is.
Check it out if you like...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>untitled</title>
<style type="text/css">

</style>
<script type="text/javascript">

function upperF()
{
return [
'<html><head></head>',
'<body style="background:coral;"',
'><h2>upper</h2></body>',
'</html>'].join('');
}
function lowerF()
{
return [
'<html><head></head>',
'<body style="background:moccasin;"',
'><h2>lower</h2><input type="checkbox" ',
'onclick="top.toggleUpper(this.checked)">',
' <span id="hs">hide</span> upper',
'</body></html>'].join('');
}

function toggleUpper(bWhich)
{
document.body.rows =
(bWhich) ? '0,*' : '20%,*';
lower.document.getElementById('hs').innerHTML =
(bWhich) ? 'show' : 'hide';
}

</script>
</head>
<frameset rows="20%,*">
<frame name="upper" src="javascript:top.upperF()">
<frame name="lower" src="javascript:top.lowerF()">
</frameset>
</html>

The relevant code is in toggleUpper, the rest is just for putting
everything in one file. hth

bruce_brodinsky · Mar 11, 2005

I just dynamically changed my frameset size, hope this helps you, I did
it this way:
parent.document.body.rows="100%,*"

This hid my bottom frame. It looks like the bottom 50% of my
screen is just whitespace.

Andy Fish · Mar 14, 2005

I just dynamically changed my frameset size, hope this helps you, I did
it this way:
parent.document.body.rows="100%,*"

This hid my bottom frame. It looks like the bottom 50% of my
screen is just whitespace.

Thanks Bruce (and RobB for the other reply)

I was able to get about 90% most of the way with DHTML, but I came unstuck a
bit with the borders. I need to have the frame border visible and resizable
when in 2-frame mode, and to look as if there is no frame there at all (i.e.
no frame borders) when in 1-frame mode.

After a lot of faffind about, I wasn't able to get something that looked
seamless in different browsers, so I have decided to reload the frameset
when when switching modes. At least I know this will be browser-independent.

Andy

Access to objects in a frame on a web page	0	Sep 12, 2013
Using javascript to tell a frame which page to load	10	Dec 1, 2009
Problem with displaying character that code number is 219 (after SetConsoleTextAttribute)?	3	Jan 9, 2023
Opening Link in a frame	10	Mar 2, 2010
Unhiding a div when a lower frame loads	0	Jun 9, 2006
Prevent a frame from opening a new window	0	Apr 2, 2009
Avoid loading a particular frame in a frameset	2	Mar 5, 2007
navigating to a target frame using javascript	1	Mar 30, 2005

make a frame invisible

Andy Fish

bruce_brodinsky

RobB

bruce_brodinsky

Andy Fish

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads