如何在成功登录时关闭弹出窗口

Question

我的索引页面包含一个登录 link，它会在 400x380 window 中弹出登录 html。此登录表单在提交时具有 login.php 的操作。

如果 login.php 成功，则您已登录，但在弹出窗口 window 内。相反，我想在成功注册时关闭此弹出窗口，并让用户恢复到原始索引页面但现在已登录。

我的索引页面使用以下代码弹出window：

<li><a onclick="popupCenter('http://taskbasket.net/gallery/login.html', 'myPop1',400,380);" href="javascript:void(0);">Sign In</a></li>

有什么建议吗？谢谢

Answer 1

在您的 login.php

上试试这个

echo '<script>if (window.opener){window.opener.location.href="PUT URL TO PAGE HERE"; window.close();}</script>';

并编辑您的 HTML

<li><a onclick="popupCenter('http://taskbasket.net/gallery/login.html', 'myPop1',400,380);" href="javascript:void(0);">Sign In</a></li>

到

  <li><a onclick="openLoginWindow()" href="javascript:void(0);">Sign In</a></li>

JavaScript:

function openLoginWindow()
{  
    myPop1 = popupCenter('http://taskbasket.net/gallery/login.html', 'myPop1',400,380);
}

此脚本允许弹出窗口访问父级并要求重新加载（用户现在已登录），最后一步是自行关闭。

How to close pop-up on successful sign-in