Измените размер iframe после нажатия на содержимое внутри iframe в jquery

Question

Добрый день, я пытаюсь создать сайт, на котором пользователь должен зарегистрироваться с другого веб-сайта, и эта часть находится на iframe. Я хочу, когда пользователь нажимает кнопку Login, iframe будет изменять размер, чтобы видеть только конкретный контент этого веб-сайта. Вот мой код,

<div id="reportframe" style="margin: auto;"> 
     <iframe src="http://www.abcdsebroker.com/login" width="600" height="400"></iframe> 
</div> 

Это asp.net код веб-форму для кнопки Вход в другом веб-сайте,

<div class="control-group text-center"> 
    <asp:Button ID="btnLogin" runat="server" Height="35px" Width="50%" Font-Bold="true" Text="Login" CssClass="btn btn-info" OnClick="btnlogin_Click" /> 
</div> 

Как я могу изменить размер фрейма после нажатия кнопки Войти с помощью JQuery? Ваша помощь будет очень заметной. Tnx.

Answer 1

Идентификатор SET для Iframe.

 <div id="reportframe" style="margin: auto;"> 
        <iframe id="ifreportframe" src="http://www.abcdsebroker.com/login" width="600" height="400"></iframe> 
      </div> 
      <asp:Button ID="btnLogin" runat="server" Height="35px" Width="50%" Font-Bold="true" Text="Login" CssClass="btn btn-info" OnClick="btnlogin_Click" onClientClick="resizeIframe()"/> 

      <script> 
      function resizeIframe() 
      { 
       $("#ifreportframe").css("height","500px"); 
       $("#ifreportframe").css("width","700px") 
      } 
      </script>