Abhishek Reddy — Mon, 15 Sep 2003 20:29:16 +0000

Heh, well done. But pardon me, I don't see what it achieves... like I said earlier, the frames simulate a normal page. Is it just the benefit of editing one nav that you wanted?

Yep, I use GoDaddy for the one domain I have. I highly recommend their domain reg service (I don't use their hosting). You might wanna start a topic down in Hosting and Domain, though.

Enselic — Mon, 15 Sep 2003 19:54:41 +0000

The reason why the site works is cause I managed to solve it! (And it works in both IE6 and NN7!)

Just view the source if you wanna know how. Thanks for your help!

Btw, do you have any experience with GoDaddy? I'm going to register enselicscorner.com some day so I'm scouting for a host.

Abhishek Reddy — Mon, 15 Sep 2003 07:18:09 +0000

Lemme just check again, you want the frame "main" to resize to match its contents? If that happens, you'll still get a scrollbar on the main frame, meaning you'd effectively be simulating a perfectly normal un-framed page.

What you have on enselic.tk appears to do the above -- is that what you want?

If you're not trying to "fix" the menu, then I'm guessing you just want to have one menu file to have to update to make changes? Look into SSI or PHP includes to do just that, but more effectively. Frames are terribly unkind on my mouse scroll button.

I hope I'm seeing this right...

Quote: Please don't give up on me!

Not to worry, I'm not about to that (just yet).

Enselic — Sun, 14 Sep 2003 13:43:41 +0000

I changed it to:

&lt;script language="JavaScript" type="text/javascript"&gt;
<!--
function setIframe( html_document )
{
  frames['main'].location.href = html_document;
  setTimeout( "sizeFrame()", 1000 );
}

function sizeFrame()
{
  document.getElementById('main').style.height = frames['main'].document.body.offsetHeight;
}
//-->
&lt;/script&gt;

I changed it to 1000 to be safe, but it still didn't work.

Both IE and Firebird and Netscape makes the src-change correctly.

This is how my doctype is;

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

It's driving me nuts. Please don't give up on me!

Thanks for the help so far.

Abhishek Reddy — Sun, 14 Sep 2003 12:52:31 +0000

Change

&lt;script language="JavaScript" type="text/JavaScript"&gt;
<!--
function setIframe( html_document )
{
	document.getElementById( 'main' ).src = html_document;
	document.getElementById( 'main' ).style.height = document.all( 'main' ).body.offsetHeight;
}
//-->
&lt;/script&gt;

'
to

&lt;script language="JavaScript" type="text/JavaScript"&gt;
<!--
function setIframe(html_document)
{
  frames['main'].location.href = html_document;
  setTimeout("100","sizeFrame()");
}

function sizeFrame() {
  document.getElementById('main').style.height = frames['main'].document.body.offsetHeight;
}
//-->
&lt;/script&gt;

'
It's ugly. I don't like it. I still recommend you look into other ways of fixing your menu, if at all that's necessary. But this should work...

As for doctype, read these two docs:
http://htmlhelp.com/tools/validator/doctype.html
http://www.w3.org/QA/2002/04/valid-dtd-list.html

Enselic — Sun, 14 Sep 2003 12:19:31 +0000

ofcourse: www.enselic.tk

I guess I have not declared doctype... Is that hard?

Abhishek Reddy — Sun, 14 Sep 2003 12:04:28 +0000

Do you have a page online that I can look at?

Something like that should be possible. I haven't tried accessing offsetHeight from outside the frame...

Anyway, avoid document.all (this is more MSIE code). Use document.getElementById() instead, which is the W3C recommended standard.

document.body.offsetHeight should work in IE6 if a doctype is declared.

Enselic — Sun, 14 Sep 2003 10:59:57 +0000

Wouldn't it be possible to only in the menu.htm have this script:

&lt;script language="JavaScript" type="text/JavaScript"&gt;
<!--
function setIframe( html_document )
{
	document.all( 'main' ).src = html_document;
	document.all( 'main' ).style.height = document.all( 'main' ).body.offsetHeight;
}
//-->
&lt;/script&gt;

'
And then to call the func:

<a href="javascript:setIframe( 'downloads.htm' )">Downloads</a>

This won't work in IE6 atleast. Isn't this OK?

Abhishek Reddy — Sun, 14 Sep 2003 09:29:06 +0000

From W3 DOM Core:

ECMAScript language binding contains ECMAScript (Javascript) methods/functions.

A more detailed look is in the DOM level 2 specification.

http://www.xs4all.nl/~ppk/js is a great reference site.

http://www.webmaster.ee/javascript/js.html
I like this one too, but it helps if you know know a bit of Russian.

--------------

As for your script, try this:

<!-- this goes in the page containing the iframe -->
&lt;script type="text/javascript"&gt;
function setFrameHeight(newHeight) {
  document.getElementById("main").style.height=newHeight;
}
&lt;/script&gt;

<!-- this goes in the page within the iframe -->
<body onload="parent.setFrameHeight(document.body.offsetHeight);">

This works for me on Moz Firebird 0.6.1/Linux. From the compatibility charts at http://www.xs4all.nl/~ppk/js/doctypes.html it should work on IE5/Mac, Moz, Opera, and IE6 with doctype set. IE5 and IE6 without doctype should theoretically not run the above, but the best way to check IE compatibility is to field-test it yourself.

Enselic — Sun, 14 Sep 2003 07:50:02 +0000

..and that is not what I want.

Wouldn't it be possible to do it like this:

In every .htm file I have that can be viewed in the iframe one would add a func-call in . That function would first set the height of the ifreame to 0, then set the height to the height of the .hrm itself. If you would not set to 0 first, it would probably go wrong if you changed from a bigger .htm to a smaller.

So, how would a .htm get the height of itself?

Besides, isn't there any place where you can see an overview of all Javascript classes or something?