I have a webpage that contains an iframe that is restricted by the height/width of a parent div.
<div class="mainframe" style="height:220px; width:196px">
<iframe class="myframe" src="login.php" scrolling="no" frameborder="0" width="100%" height="100%" >
The purpose of login.php is provide the user with a login form.
Within the form, there is a link for the user to register if they do not have a log in.
When they click register, I want the div to be resized to eg height:420px; width:296px
to accommodate the registration form.
How do I do this?