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单击“登录”按钮后更改iframe的大小？你的帮助会非常明显。 TNX。

Answer 1

为iframe设置ID。

     <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>

在jquery中单击iframe内的内容后更改iframe大小

1 个答案: