父窗口內的登錄窗口

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; 
}