父窗口内的登录窗口

Question

我目前正在编写Web应用程序，但我仍然是初学者，所以我不知道我所要求的确切名词。

我希望我的登录窗口，如下所示：

如果用户点击登录按钮将出现在同一个页面，用户当前正在查看一个窗口，它不会消失，直到用户关闭它或登录。 类似于twitter中的消息框。

有没有办法做到这一点在PHP或JavaScript？以及如何做到这一点？

• 我不能发布图片尚未:(

Answer 1

您可以使用jQuery的对话框创建在你问他的证书用户登录对话框。

但是，是它可以用JavaScript创建。

看一看的jQuery UI

https://jqueryui.com/dialog/#modal-confirmation

Answer 2

这是一个简单的想法。显然你可以玩弄功能和风格。这只是一个快速指南。

$('#loginButton').click(function(){ 
    $('body').append('<div id="overlay"></div><div id="login"><form><h1>Your form</h1></form></div>'); 
    $('#login,#overlay').hide().fadeIn(); 
}); 

CSS

#overlay{ 
    positon:fixed; 
    top:0; 
    left:0; 
    width:100%; 
    min-width:100%; 
    height:100%; 
    min-height:100%; 
    content:""; 
    z-index:1001; 
    background:#000000;//for ie add an opacity 
    background:rgba(0,0,0,0.8); 
} 
#login{ 
    background:#FFFFFF; 
    border-radius:8px; 
    position:fixed; 
    top:40%; 
    max-height:60%; 
    width:auto; 
    min-width:20%; 
    margin:0% 40%; 
    z-index:1002; 
    box-shadow:0px 0px 5px #333333; 
}