Thursday, September 11, 2008

Code of resizing an iframe

The src of the iframe must be in the same domain as the url of the page containing it. Here is the demo code.


Source of http://www.jesse.com/resizeiframe.html:




<iframe id="iframe-homepage" name="iframe-homepage"
src=http://subdomain.jesse.com/iframe.html width="100%" height="100%" target="iframe-homepage"
frameborder="0" scrolling="no" onload="resizeIframe('iframe-homepage')">
</iframe>


<script type="text/javascript">
setInterval("resizeIframe('iframe-homepage')", 2000);
</script>



<script type="text/javascript">
// utilities functions
function resizeIframe(frameid){
var currentfr=document.getElementById(frameid)
if (currentfr && !window.opera){
currentfr.style.display="block"
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax
currentfr.height = currentfr.contentDocument.body.offsetHeight;
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax
currentfr.height = currentfr.Document.body.scrollHeight;

if (currentfr.addEventListener)
currentfr.addEventListener("load", readjustIframe, false)
else if (currentfr.attachEvent){
currentfr.detachEvent("onload", readjustIframe) // Bug fix line
currentfr.attachEvent("onload", readjustIframe)
}
}
}
</script>

 
free hit counter
hit counter