AJAX

Resize External Website in Iframe using Javascript.

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Mar 2008

Posts: 36

Reputation: lonestar23 is an unknown quantity at this point

Solved Threads: 0

lonestar23 lonestar23 is offline

Offline

Light Poster

Resize External Website in Iframe using Javascript.

Nov 19th, 2008

Hello,

I am trying to resize an external website in an iframe using javascript, but have not found code that works very well. Anyone know how to go about it? Thanks in Advance!

Last edited by lonestar23; Nov 19th, 2008 at 2:27 pm. Reason: Added a thanks in advance

•

Join Date: Apr 2004

Posts: 167

Reputation: Drew is an unknown quantity at this point

Solved Threads: 7

Drew

Offline

Junior Poster

Re: Resize External Website in Iframe using Javascript.

Nov 19th, 2008

If the website loading in the URL has a fixed size then you would have to code something to dig through the iframe and remove the sites fixed width.

But if the sites content is bigger than the frame, there really isnt much you can do besides setting "overflow: hidden" to most of the elements in the iframe.

Drew Gauderman
ASP / MSSQL Coder
http://www.iportalx.net - My ASP Portal

•

Join Date: Mar 2008

Posts: 36

Reputation: lonestar23 is an unknown quantity at this point

Solved Threads: 0

lonestar23 lonestar23 is offline

Offline

Light Poster

Re: Resize External Website in Iframe using Javascript.

Nov 19th, 2008

The external sites will have a fixed width, but not a fixed height. The height would range from 700 pixels-850pixels. Just looking for something that measures a height of an external site, with no use of sever code.

•

Join Date: Apr 2004

Posts: 167

Reputation: Drew is an unknown quantity at this point

Solved Threads: 7

Drew

Offline

Junior Poster

Re: Resize External Website in Iframe using Javascript.

Nov 19th, 2008

You would have to use javascript and a onload event on the iframe.

(untested)

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
iframeName.onload=function() {
iframeName.style.height = iframe.document.body.innerHeight;
};
iframeName.onload=function() {
iframeName.style.height = iframe.document.body.innerHeight;
};