title: Dynamically adjust an iframe's height
body: <p>I have an iframe that contains some content from a site.  I want the iframe to adjust to 100% of the src content's height.  Bit of a noob at js - here's what I'm working with:</p>
  
  <pre><code>  &lt;iframe id="frame" scrolling="no" frameborder="0" src="http://www.srcwebsite.org"&gt;&lt;/iframe&gt;
  
      &lt;script type="text/javascript"&gt;
      function resizeIframe() {
          var height = document.documentElement.clientHeight;
          height -= document.getElementById('frame').offsetTop;
  
          height -= 20; /* whatever you set your body bottom margin/padding to be */
  
          document.getElementById('frame').style.height = height +"px";
  
      };
      document.getElementById('frame').onload = resizeIframe;
      window.onresize = resizeIframe;
      &lt;/script&gt;
  </code></pre>
  
  <p>This works great to resize the height of the iframe to its page, but I want it to resize it to the height of the src...</p>