如何實現HTML/JavaScript的登錄彈出

基本上，我想創建這樣的一個，很多路由器都可以訪問設置頁面中的登錄彈出： Login popup 如何實現HTML/JavaScript的登錄彈出

是有可能實現這個在所有的HTML文件或僅用於基於服務器的訪問？

來源

2013-12-20 user3105607

確定你可以用html創建一個，你也可以使用php。 – user1336827

調查模態窗口 –

有沒有辦法讓圖片中的確切彈出？即其基於瀏覽器的彈出窗口不是樣式的？ – user3105607

你或許應該這樣說的：

http://en.wikipedia.org/wiki/Basic_access_authentication

這：

http://www.php.net/manual/en/features.http-auth.php

總而言之一句話：

1您可以使用特殊的頭調用這個彈出。

2您只能在頁面開始加載之前調用此彈出窗口。

3您不能使用html + js執行此操作。

4您無法用純js調用類似密碼輸入的提示窗口。

UPD： 這個問題得到的回答是，有從作者到主帖記住以下幾點意見：

有沒有辦法讓畫面中的確切彈出？即它的一個基於瀏覽器的彈出式不是樣式？

我從來沒有說過，不能用js + html創建SIMILAR樣式的彈出式窗口。答案是關於調用確切的彈出窗口。

來源

2013-12-20 21:38:57 haldagan

你需要的是在HTML中定義的基於表單的認證。類似這樣的：

<form method="post" action="/login"> 
    <input type="text" name="username"> 
    <input type="password" name="password"> 
    <input type="submit" value="Log In"> 
</form>

並且您需要一個服務器來處理POST操作並執行身份驗證。

來源

2013-12-20 21:32:39 VeeJay

actualy，你可以在「任何時候」不刷新頁面的HTML + Java程序客戶方做...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
 
<html> 
 
<head> 
 
<title></title> 
 
<style type="text/css"> 
 
#popupbox{ 
 
margin: 0; 
 
margin-left: 40%; 
 
margin-right: 40%; 
 
margin-top: 50px; 
 
padding-top: 10px; 
 
width: 20%; 
 
height: 150px; 
 
position: absolute; 
 
background: #FBFBF0; 
 
border: solid #000000 2px; 
 
z-index: 9; 
 
font-family: arial; 
 
visibility: hidden; 
 
} 
 
</style> 
 
<script language="JavaScript" type="text/javascript"> 
 
function login(showhide){ 
 
if(showhide == "show"){ 
 
    document.getElementById('popupbox').style.visibility="visible"; 
 
}else if(showhide == "hide"){ 
 
    document.getElementById('popupbox').style.visibility="hidden"; 
 
} 
 
} 
 
</script> 
 
</head> 
 
<body> 
 

 
<div id="popupbox"> 
 
<form name="login" action="" method="post"> 
 
<center>Username:</center> 
 
<center><input name="username" size="14" /></center> 
 
<center>Password:</center> 
 
<center><input name="password" type="password" size="14" /></center> 
 
<center><input type="submit" name="submit" value="login" /></center> 
 
</form> 
 
<br /> 
 
<center><a href="javascript:login('hide');">close</a></center> 
 
</div> 
 

 
<p> 
 
Some text 
 
</p> 
 
<p> 
 
Some more text 
 
</p> 
 
<p><a href="javascript:login('show');">login</a></p> 
 
</body> 
 
</html>

我也解決了有關從發送瓦爾問題JAVA到PHP沒有刷新，其工作很好，到目前爲止，加載一個完整的基於SQL查詢的網站與虛擬沒有頁面刷新（什麼讓我有一個更重的標題動畫，字體和其他東西，一旦其加載一次）。

來源

2014-04-18 20:17:28 user3550129

如何實現HTML/JavaScript的登錄彈出

回答

相關問題