rich1.0phorkiehttps://p.cweiske.de/automatically set iframe height when resizing windowChristian Weiske86400900900<!-- embedding all files of https://p.cweiske.de/352 -->
<link rel="stylesheet" href="https://p.cweiske.de/css/embed.css"/>
<div class="phork" id="352">
<div class="phork-file">
<div class="phork-content">
<style type="text/css">/**
* GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann
* (http://qbnz.com/highlighter/ and http://geshi.org/)
*/
.javascript .de1, .javascript .de2 {font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;}
.javascript {font-family:monospace;}
.javascript .imp {font-weight: bold; color: red;}
.javascript li, .javascript .li1 {color: #DDD;}
.javascript .ln {width:1px;text-align:right;margin:0;padding:0 2px;vertical-align:top;}
.javascript .kw1 {color: #000066; font-weight: bold;}
.javascript .kw2 {color: #003366; font-weight: bold;}
.javascript .kw3 {color: #000066;}
.javascript .co1 {color: #006600; font-style: italic;}
.javascript .co2 {color: #009966; font-style: italic;}
.javascript .coMULTI {color: #006600; font-style: italic;}
.javascript .es0 {color: #000099; font-weight: bold;}
.javascript .br0 {color: #009900;}
.javascript .sy0 {color: #339933;}
.javascript .st0 {color: #3366CC;}
.javascript .nu0 {color: #CC0000;}
.javascript .me1 {color: #660066;}
.javascript span.xtra { display:block; }
</style><div class="code"><table class="javascript"><tbody><tr class="li1"><td class="ln"><pre class="de1">1
2
3
4
5
6
7
8
</pre></td><td class="de1"><pre class="de1">window.<span class="kw3">onresize</span> <span class="sy0">=</span> <span class="kw2">function</span><span class="br0">(</span><span class="br0">)</span> <span class="br0">{</span>
    document.<span class="me1">getElementsByTagName</span><span class="br0">(</span><span class="st0">'iframe'</span><span class="br0">)</span><span class="br0">[</span><span class="nu0">0</span><span class="br0">]</span>.<span class="me1">style</span>.<span class="me1">height</span>
        <span class="sy0">=</span> <span class="br0">(</span>window.<span class="me1">innerHeight</span> <span class="sy0">-</span> document.<span class="me1">getElementsByTagName</span><span class="br0">(</span><span class="st0">'header'</span><span class="br0">)</span><span class="br0">[</span><span class="nu0">0</span><span class="br0">]</span>.<span class="me1">offsetHeight</span> <span class="sy0">-</span> document.<span class="me1">getElementsByTagName</span><span class="br0">(</span><span class="st0">'footer'</span><span class="br0">)</span><span class="br0">[</span><span class="nu0">0</span><span class="br0">]</span>.<span class="me1">offsetHeight</span><span class="br0">)</span> <span class="sy0">+</span> <span class="st0">'px'</span><span class="sy0">;</span>
<span class="br0">}</span>
$<span class="br0">(</span>document<span class="br0">)</span>.<span class="me1">ready</span><span class="br0">(</span><span class="kw2">function</span><span class="br0">(</span><span class="br0">)</span> <span class="br0">{</span>
  window.<span class="kw3">onresize</span><span class="br0">(</span><span class="br0">)</span><span class="sy0">;</span>
<span class="br0">}</span><span class="br0">)</span><span class="sy0">;</span>
 </pre></td></tr></tbody></table></div>
</div>
<div class="phork-meta">
<a href="https://p.cweiske.de/352/rev-raw/9c99d059664f186d72e7fff35c80d03208f1ef65/autosize.js" style="float: right">view raw source</a>
<a href="https://p.cweiske.de/352#autosize.js">autosize.js</a>
</div>
</div>
</div>