title: Make IFrames resizable dynamically
body: <p>I have the following HTML page in which I have three iframes. I would like to allow users to resize the height and width of the iframes manually using Javascript.</p>
  
  <pre><code>&lt;body&gt;
  &lt;table&gt;
      &lt;tr&gt;
          &lt;td colspan="2" id = "freebase_td"&gt;
          &lt;iframe id = "freebase_frame" src="" width="100%" height="400px"&gt;&lt;/iframe&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td align="left" id = "wiki_td"&gt;
          &lt;iframe id = "wiki_frame" src="" width="100%" height="400px"&gt;&lt;/iframe&gt;
          &lt;/td&gt;
          &lt;td align="right" id = "imdb_td"&gt;
          &lt;iframe id = "imdb_frame" src="" width="100%" height="400px"&gt;&lt;/iframe&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/body&gt;
  </code></pre>