resize iframe dynamically in ASP

Question

I want to display my page inside another page via Iframe.
The problem is that the iframe doesn't resize automatically (height).

How can I resize it automatically? Or maybe there is better way to display one page inside another?

dani, did my revised answer match what you were trying to do? — Justin Grant, Oct 04 '09 at 23:30

Justin Grant · Answer 1 · 2009-10-02T01:03:43.763

Here's one way: http://www.mattcutts.com/blog/iframe-height-scrollbar-example/

If the height of the frame may change after it's loded (e.g. expanding/collapsible regions) then you can set up a polling mechanism to periodically resize the frame in case the size has changed. Like this:

<html>
<head> <title>Parent frame</title> </head>

<body onload="window.setTimeout(resizeFrame, 250)" bgcolor="#cccccc">

<script type="text/javascript"> 
// Firefox worked fine. Internet Explorer shows scrollbar because of frameborder
function resizeFrame() {
  var f = document.getElementById('childframe');
  if (f.style.height != f.contentWindow.document.body.scrollHeight + "px")
    f.style.height = f.contentWindow.document.body.scrollHeight;
  window.setTimeout(resizeFrame, 250)
}
</script>

<p>Parent frame.</p>
<p>Parent frame.</p>
<p>Parent frame.</p>
<p>Parent frame.</p>

<p>
  <iframe frameborder=0 src="./innerframe.htm" name="childframe" id="childframe">
  </iframe>
</p>

</body>
</html>

Note: I'm assuming that you're using frames because you're pulling content from another domain. If you're pulling content from the same domain, you might be able to simply use script to fetch the content using XmlHttpRequest, and then inject the HTML into a DIV on the parent page. You can't do this if the content lives on a different domain, due to browsers' cross-site scripting limitations.

This solution is not good enough, because if the iframe content height is adjusted on run time (when i click on link, a hidden div is shown) it doesn't shown on the hosted page. — dani, Oct 01 '09 at 21:16
if the height can change, solution can easily be extended to simply repeat the resize every N milliseconds. As long as N is reasonable (e.g. not 10!) then you'll have minimal drag on client CPU and still get fast resizing. — Justin Grant, Oct 02 '09 at 01:06

score 1 · Answer 2 · answered Aug 26 '11 at 02:52

      setInterval(function() {
                var ifm = document.getElementById("ifrmeID");
                var h = ifm.contentWindow.document.body.scrollHeight;
                ifm.height = h < 400 ? 400 : h;
          }, 800);

400 is the default height if you didnt want iframe too short,800(ms) is frequency,you can adjust these two values. put the js in the end of your page which contained iframe .then it will be ok.

resize iframe dynamically in ASP

2 Answers2

Linked