Simple hide/resize frame help

**Mr Jojo** · Jul 20, 2007 08:54

I have 2 frames in this site: http://www.69noites.com/

One is the site itself, the other is the "radio" frame.
I want that the

hides the radio's frame, so i made it like this:

Code JavaScript:

<a href="JavaScript: top.joana.cols = "0,*";"><img src="close.jpg"></a>

The FrameSet code is this one:

Code HTML4Strict:

<frameset rows="92%,*" name="joana">
	<frame name="header" scrolling="auto" target="main" src="portal.php">
	<frame name="main" src="radio.php?r='.$radio.'" scrolling="no" target="main">
	<noframes>
	<body>
 
	<p>This page uses frames, but your browser doesn\'t support them.</p>
 
	</body>
	</noframes>
</frameset>

Can you help me?

**bosko** · Jul 20, 2007 13:30

One way is to put function in head of frameset page:

Code JavaScript:

<script type='text/javascript'>
function resizeFrames(sets){
   var loc = document.getElementById('joana');
   loc.rows = sets;
}
</script>

also add in frameset tag an attribute id='joana'
and in Radio page change to:

Code HTML4Strict:

<a href="javascript: parent.resizeFrames('100%,');"><img src="close.jpg"></a>

**Mr Jojo** · Jul 21, 2007 03:53

The script does exactly what i want

But it only works on Internet Explorer, Its important that it could work on firefox.

'Why cant they make a browser with no compatibility problems..'

Is there anything that must be changed to work on mozilla?

Anyway thanks!

**bosko** · Jul 21, 2007 07:14

Well, that's strange! I made it in Mozilla and then test in IE6&7 and Opera with success.

**Mr Jojo** · Jul 21, 2007 12:33

Maybe i've done something wrong :S

Here's what i did:

I putted <a href="javascript: parent.resizeFrames('100%,');"><img src="close.jpg"></a>

in the X button and the

Code:

<script type='text/javascript'>
function resizeFrames(sets){
   var loc = document.getElementById('joana');
   loc.rows = sets;
}
</script>

in the index.php file where the code is now:

Code:

<html>

<head>
<title>Noites...</title>
<link rel="shortcut icon" href="69noites.ico" >

<script type='text/javascript'>
function resizeFrames(sets){
   var loc = document.getElementById('joana');
   loc.rows = sets;
}
</script>

</head>

<frameset rows="92%,*" name="joana">
	<frame name="header" scrolling="auto" target="main" src="portal.php">
	<frame name="main" src="radio.php?r=" scrolling="no" target="main">

	<noframes>
	<body>

	<p>This page uses frames, but your browser doesn't support them.</p>

	</body>
	</noframes>
</frameset>

</html>

Maybe you can have a better look watching the site's source www.69noites.com