dynamic iframe height

**bn2vs** · 03-27-2008 08:10 AM

I'm seraching for a way to adapt the height of an iframe to it's contents.
Is this possible? if yes: how?

Thnx in advance

**Hack** · 03-27-2008 08:14 AM

Does this help?

**bn2vs** · 03-27-2008 11:44 AM

Nope, i know how to make static iframes, but i need to know how i can make the height dynamic

**Amahdy** · 03-27-2008 02:51 PM

kanu you use java-script ?

**bn2vs** · 03-27-2008 06:24 PM

The properies of nodes in parent window are read-only... so i can't change the bloody height from within the iframe...

**ali_ggl** · 03-28-2008 01:12 AM

hi i think we can change the height and width of i frame at run time but if u are asking about the height and width of content of iframe i think we cant do this.
if you got how to get access the content of iframe then plz guide me too.
Thanks.
Ali.

**Amahdy** · 03-28-2008 07:37 AM

yea of course you kan using javascript:

Code:

<iframe width=200 height =300 id="fra">
</iframe>
<input type="button" onclick="document.getElementById('fra').height=400;">

click on the button near the ifram and you will see increasing in height by 100px .

**bn2vs** · 03-28-2008 07:51 AM

yeah ali_ggl, thats what i'm starting to think to.

@ Amahdy:
I know how to change the seize of an iframe, thats not my problem. But if i do it like in your example, then it'll always get an height of 400px. Problem with that is that it looks kinda nub when the content page has only one line of text. So i want the height to be dependent on the content of the iframe...

**Amahdy** · 03-28-2008 08:44 AM

you kan adjust it onchange() ... and this kould be easily changed to anything .. for example :

document.getElementById('fra').height=document.getElementById('fra').height+100

you kan work around it to make it closely appropriate and change when there is new line ...

**bn2vs** · 03-28-2008 08:49 AM

That will just increase the height with 100px, again not dependant on the iframe contents

Or am i missing something?

**Amahdy** · 03-28-2008 09:11 AM

yea i told you in the onchange I meant after loading the page for example .. try to adjust the height by some scripting depending on the framed page ... this won't be very correct sometimes that's why I said "closely appropriate" ... this may help a bit ...

**bn2vs** · 03-28-2008 09:43 AM

Yeah, i can do it like that, but i don' think it's the way this problem should be solved.

Anyone another idea?

**Hack** · 03-28-2008 09:54 AM

Play around with this

Code:

<HTML>
<Head>
<Script type="text/javascript">

function adjustFrame(){

window.frames.IFrame1.scrollBy(0,900);
currTop = window.frames.IFrame1.document.body.scrollTop;
if (currTop > 0)
{
currHeight = document.getElementById('dynFrame').getAttribute('height');
currHeight++;
document.getElementById('dynFrame').setAttribute('height',currHeight);
adjustFrame();
}
}

function setHeight(){

document.getElementById('dynFrame').setAttribute('height',0);
adjustFrame();
}

</Script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
-->
</style></Head>
<Body>

<IFrame
Name = 'IFrame1'
Id ='dynFrame'
Src = 'http://www.settmedia.no/nidaros/phpBB2/'
onload = 'setHeight()'
marginwidth = '0' 
marginheight ='0' 
frameborder = '0' 
vspace = '0' 
hspace = '0'
Width = '750'
Height = '150'>
</IFrame>

</Body>
</HTML>

Thread: dynamic iframe height

Thread Tools

Display