4thorder(TM) - Code Snippets and Full Scripts

Resize Iframe In Resizable Window

Question:

Is it possible to have an iFrame inside a pop-up window resizable?
eg: when you resize the window it resizes the iFrame.

Answer:

Yes bascially you just set the width and height to a percentage of the window.

Code:

<IFRAME name="I1" src="iframecontent.htm" marginwidth="1" marginheight="1" width="80%" height="80%"></IFRAME>

CLICK HERE FOR DEMO

If you want to get fancy then youll need some additional Javascript that detects the size of the screen using

Code:

window.onresize=SomeFunctionToChangeIframeSize;

in script tags in the HEAD of the popped up window.

where "SomeFunctionToChangeIframeSize" is a function that changes the iFrame size to the size of the window +/- some value.

Top of Page