如何在弹出窗口中打开登录表单，然后在表单提交并重新加载上一页时关闭它？

Question

我有一个带有登录按钮的webmap应用程序，可以打开登录表单。

index.php使用登录按钮保存地图：

<img src="app/images/login.png" height="50px" width="130px" align="right" onclick="javascript:openLogin()">

function openLogin(){
            var p1 = 'scrollbars=no,resizable=no,status=no,location=no,toolbar=no,menubar=no'
            var p2 = 'width=300,height=300,left=-500,top=-500'
            open('login.html', 'login', p1+p2);
        }

login.html按住登录表单

使用用户名+密码的简单登录表单和重定向到checklogin.php页面的提交按钮，如果用户名和密码良好，则重定向到网页地图页面index.php。

它实际上做了什么：

弹出窗口打开，登录表单有效，但随后会在弹出窗口中打开Web地图页面。

我想要的是什么：

我希望在提交登录表单后关闭弹出窗口，而不是在弹出窗口中加载新的index.php页面，它会在单击登录按钮的页面中加载。

我怎样才能做到这一点？

谢谢！