使用 .Net 提交按钮关闭 iframe Colorbox答案

【问题标题】：Cloase iframe Colorbox with .Net submit button使用 .Net 提交按钮关闭 iframe Colorbox
【发布时间】：2011-05-11 11:38:31
【问题描述】：

我有一个简单的登录表单，用于调用颜色框链接并在 iframe 中打开。

<script>
    $(document).ready(function () {

        $(".logincb").colorbox({iframe:true, innerWidth:240, innerHeight:200});

    });
</script>

<li><a href="/login/login.aspx" class="logincb">login</a></li>

我遇到的问题是，一旦用户在 ifrmae 中正确输入了登录详细信息，可以通过回发代码检查如何重定向父页面并关闭框架？

【问题讨论】：

标签： jquery .net iframe postback colorbox

【解决方案1】：

在表单中使用 .Net 按钮让我有点奇怪最终我所做的是在页面中包含以下功能

  <script language="javascript" type="text/javascript">

        function closePage() 
        {
            parent.$.fn.colorbox.close(); parent.location = '/support/marketing-media.aspx';
        }

</script>

然后使用 ClientScript 管理器在按钮事件背后的代码中调用它。

  if (!ClientScript.IsStartupScriptRegistered("alert"))
                {
                    Page.ClientScript.RegisterStartupScript(this.GetType(),"alert", "closePage();", true);
                }

并不是真的喜欢它，因为它很丑，但它确实有效..

【讨论】：

【解决方案2】：

使用以下命令更改父页面的位置：

parent.location.href = "http://newlocation.com";

当父位置发生变化时，iframe 会自动丢失，因此无需将其删除。但是，如果您想在更改父位置之前先关闭颜色框，您可以通过将操作绑定到 cbox_closed 事件来实现。示例：

parent.jQuery(document).bind('cbox_closed', function(){
    location.href = "http://newlocation.com";
});

【讨论】：