0

我正在尝试在 iframe 中打开登录表单。如果用户单击提交按钮时登录成功，我希望 iframe 关闭并将浏览器重定向到 index.php。问题是我不知道如何从那时起关闭 iframe。

这是我拥有的与 iframe 相关的代码：

login.tmpl（html文件，表单所在的位置）

<div class="form_item submit_button">
  <button type="submit" name="submit">Login</button>
</div>

login.php（我重定向到索引的地方。这是我认为我需要一些额外的代码来关闭 iframe 的地方）

  if (!$error) {
        throw new RedirectBrowserException('index.php');
  }

gallery.tmpl （调用 iframe 的地方。我认为应该不重要）

<a class="fancybox iframe fancybox.iframe" href="login.php">Iframe Login</a>

编辑。这是我的 jQuery 代码（gallery.tmpl）：

        $(document).ready(function() {
          $(".fancybox").fancybox({
            padding : 0,
            prevEffect : 'none',
            nextEffect : 'none',
            helpers : {
                title : {
                  type: 'over'
                },
                thumbs : {
                  width : 50,
                  height : 50
                }
            }
          });
        });
        $(document).ready(function() {
          $("a.iframe").fancybox({
            autoDimensions : false,
            autoSize : false,
            padding : 0,
            width : 395,
            height : 195,
            type : 'iframe'
          });
        });
4

2 回答 2

0

您宁愿从打开 fancybox ( gallery.tmpl )的页面重定向到index.php 。只需在您的 fancybox 自定义脚本中添加一个回调：

$(".fancybox").fancybox({
   afterClose : function(){
      // redirects to another file after closing
      window.location.href = "index.php";
   }
});

然后，在logging.php 中，您可以这样做以在成功时关闭 fancybox：

<?php if (!$error) { ?>
  <script>parent.jQuery.fancybox.close();</script>
<?php }; ?>
于 2013-02-25T20:17:57.360 回答
0

刚刚解决了问题。最后，这使它工作：

  if (!$error) { ?>
    <script type="text/javascript">
    parent.$.fancybox.close();  //can use jQuery instead of $
    window.parent.location ='index.php';    
    </script> <?php
  }

因此，在我刚刚弄清楚之前，重定向父母是我所缺少的。起初我尝试使用某种延迟，但没有奏效。

于 2013-03-17T22:23:13.470 回答