Re-sizing site's Body and iframe when the page link is clicked
<p>I have an iframe that loads a page inside it.. when a link is clicked on the page in the iframe, resize the body of the parent aka the document that has the iframe's body..</p>

<pre><code> Body         &lt;------------------------
    Iframe                            |
        Page                          |
         Link... Upon Click, resize body --
</code></pre>

<p>How do I do the above? I tried Parent.document.body.style.width = "200px". and it didn't work. Not sure what to do. Please Help!</p>

<pre><code>function Parentresize(id)
{
var newheight = 2000;
var newwidth = 2000;
parent.document.getElementById(id).height= (newheight) + "px";
parent.document.getElementById(id).width= (newwidth) + "px";
}
</code></pre>
