[SOLVED] Constant change when resizing a window.

[blackcell]

Would it be possible to update the size of an iframe constantly when a user is resizing the main window? I want to avoid double scroll bars while using an iframe.

[kbh43dz_u]

yes sure there is. Here is an example code:

 

imagine you have an iframe with the ID "myIfame"

<iframe id="myFrame" src="path/to/frame.html" height="500px" width="400px">no frames?</iframe>

 

after your body tag insert this script:

<script>
function resizeIframe(){

newWidth = window.innerWidth - 20; //- 20 because of the margin at the left and right border of the window
newHeight = window.innerHeight - 20; //- 20 because of the margin at the top and bottom border of the window
// innerWidth gives you the size of the content's space in your browser.

document.getElementById("myFrame").style.width = newWidth + "px";
document.getElementById("myFrame").style.height = newHeight + "px";
}

window.setInterval(resizeIframe,1000); // the function will be called again and again - interval.
</script>

 

It will calculate the size of your window again and again.

 

kind regards

[blackcell]

That worked beautifully. I had to tweak the margin compensation a bit but right on. Thank Benedikt.