如何使asp.net中的弹出窗口失效 [英] How to expire a pop up window in asp.net
问题描述
我的页面中有两个按钮登录并注册，
如果我点击登录显示登录弹出窗口（用户ID和密码），
如果弹出稳定5分钟，我想重定向到expired.aspx页面，怎么做
这是我的代码
I have two buttons in my page login and register,
If i click login am showing a login popup(user id and password) ,
if this pop up stable for 5 minutes , i want redirect that to expired.aspx page, how to do this
this is my code
<form id="form1" runat="server">
<input type="hidden" name="ctl00$TxbWater1_ClientState" id="TxbWater1_ClientState" />
<div >
<div id="light" class="white_content">
<table cellpadding="0" cellspacing="0" border="0" style="background-color: #FFFFFF; font-family: Verdana, Geneva, Tahoma, sans-serif;"
width="100%">
<tr>
<td height="16px">
<a href="java<!-- no -->script:void(0)" id="pop_up_pretrazivanje:closeButton" >
<img src="Images/delete.png" style="border-style: none; border-color: inherit; border-width: 0px; height: 20px; width: 20px;"
align="right" alt="Close" /></a>
</td>
</tr>
<tr>
<td style="padding-removed 16px; padding-removed 16px; padding-removed 16px">
<table align="center" border="0" cellpadding="0" cellspacing="0" style="background-color: #fff"
width="100%">
<tr>
<td align="center" colspan="2" class="headertext">
<h1 class="LoginHead" align="center">LOGIN</h1>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td align="center">
<table>
<tr>
<td align="right" class="bot_text">Username:
</td>
<td>
<%--<input type="text" runat="server" id="txtSearchTerm" placeholder="Username" value="txtName" />--%>
<asp:TextBox ID="txtName" runat="server" placeholder="Username"></asp:TextBox>
</td>
</tr>
<tr>
<td height="10px"></td>
<td>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtName"
ErrorMessage="User ID Required" ValidationGroup="a" CssClass="content3" ForeColor="#FF3300"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td align="right" class="bot_text">Password:
</td>
<td>
<asp:TextBox ID="txtPassword" runat="server" TextMode="Password" placeholder="Password"></asp:TextBox>
</td>
</tr>
<tr>
<td align="right"></td>
</tr>
<tr>
<td height="10px"></td>
<td>
<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtPassword"
ErrorMessage="Password Required" ValidationGroup="a" CssClass="content3" ForeColor="#FF3300"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td></td>
<td align="center">
<asp:Button ID="_btnLogin" runat="server" Text="Login" CssClass="Button1" ValidationGroup="a"
Height="40px" Width="100px" />
</td>
</tr>
</table>
<table>
<tr>
<td>
<a href="ForgotPassword.aspx" class="style4" style="font-family: Verdana">Forgot password?</a>
| <a href="Registration.aspx" class="style4" style="font-family: verdana">Register</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="10px"></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<div id="fade" class="black_overlay">
</div>
</div>
<asp:Panel ID="Panel1" runat="server">
<pre style="margin-removed 10px"><a href="java<!-- no -->script:void(0)" >Login</a>|<a class="anchor"
href="Registration.aspx" style="font-family: verdana; font-size: small; color: #0000FF;">Register</a>
< / form>
Javascript
< script type = text / javascript>
window.onkeyup = function（event）{
if（event.keyCode == 27）{
window .close（）;
}
}
< / script>
< script type = text / javascript>
document.onkeydown = checkKeycode2
function checkKeycode2（e）{
var keycode;
if（window.event）keycode = window.event.keyCode;
else if（e）keycode = e.which;
if（keycode == 27） {
var obj;
obj = document.getElementById（'pop_up_pretrazivanje：closeButton'）;
if（obj！= null）{
document.getElementById（'pop_up_pretrazivanje：closeButt on'）。click（）;
}
}
}
< / script>
</form>
Javascript
<script type="text/javascript">
window.onkeyup = function (event) {
if (event.keyCode == 27) {
window.close();
}
}
</script>
<script type="text/javascript">
document.onkeydown = checkKeycode2
function checkKeycode2(e) {
var keycode;
if (window.event) keycode = window.event.keyCode;
else if (e) keycode = e.which;
if (keycode == 27) {
var obj;
obj = document.getElementById('pop_up_pretrazivanje:closeButton');
if (obj != null) {
document.getElementById('pop_up_pretrazivanje:closeButton').click();
}
}
}
</script>
推荐答案
TxbWater1_ClientState id = TxbWater1_ClientState / >
< div >
< div id = light class = white_content >
< table cellpadding = 0 cellspacing = 0 border = 0 < span class =code-attribute> style = background-color：#FFFFFF; font-family：Verdana，Geneva，Tahoma，sans-serif;
width = 100％ >
< tr >
< td height=\" 16px\">
<a href=\"java<!-- no -->script:void(0)\" id=\"pop_up_pretrazivanje:closeButton\" >
<img src=\"Images/delete.png\" style=\"border-style: none; border-color: inherit; border-width: 0px; height: 20px; width: 20px;\"
align=\"right\" alt=\"Close\" /></a>
</td>
</tr>
<tr>
<td style=\"padding-removed 16px; padding-removed 16px; padding-removed 16px\">
<table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\"background-color: #fff\"
width=\"100%\">
<tr>
<td align=\"center\" colspan=\"2\" class=\"headertext\">
<h1 class=\"LoginHead\" align=\"center\">LOGIN</h1>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td align=\"center\">
<table>
<tr>
<td align=\"right\" class=\"bot_text\">Username:
</td>
<td>
<%--<input type=\"text\" runat=\"server\" id=\"txtSearchTerm\" placeholder=\"Username\" value=\"txtName\" />--%>
<asp:TextBox ID =\"txtName\" runat=\"server\" placeholder=\"Username\"></asp:TextBox>
</td>
</tr>
<tr>
<td height=\"10px\"></td>
<td>
<asp:RequiredFieldValidator ID=\"RequiredFieldValidator1\" runat=\"server\" ControlToValidate=\"txtName\"
ErrorMessage=\"User ID Required\" ValidationGroup=\"a\" CssClass=\"content3\" ForeColor=\"#FF3300\"></asp:RequiredFieldValidator>
</td< span class=\"code-keyword\">>
</tr>
<tr>
<td align=\"right\" class=\"bot_text\">Password:
</td>
<td>
<asp:TextBox ID=\"txtPassword\" runat=\"server\" TextMode=\"Password\" placeholder=\"Password\"></asp:TextBox>
</td>
</tr>
<tr>
<td align=\"right\"></td>
</tr>
<tr>
<td height=\"10px\"></td>
<td>
<asp:RequiredFieldValidator ID=\"RequiredFieldValidator2\" runat=\"server\" ControlToValidate=\"txtPassword\"
ErrorMessage=\"Password Required\" ValidationGroup=\"a\" CssClass=\"content3\" ForeColor=\"#FF3300\"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td></td>
<td align=\"center\">
<asp:Button ID=\"_btnLogin\" runat=\"server\" Text=\"Login\" CssClass=\"Button1\" ValidationGroup=\"a\"
Height=\"40px\" Width=\"100px\" />
</td>
</tr>
</table>
<table>
<tr>
<td>
<a href=\"ForgotPassword.aspx\" class=\"style4\" style=\"font-family: Verdana\">Forgot password?</a>
| <a href=\"Registration.aspx\" class=\"style4\" style=\"font-family: verdana\">Register</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height=\"10px\"></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<div id=\"fade\" class=\"black_overlay\">
</div>
</div>
<asp:Panel ID=\"Panel1\" runat=\"server\">
<pre style=\"margin- removed 10px\"><a href=\"java<!-- no -->script:void(0)\" >Login</a>|<a class=\"anchor\"
href=\"Registration.aspx\" style=\"font-family: verdana; font-size：small; color: #0000FF;\">Register</a>
TxbWater1_ClientState" id="TxbWater1_ClientState" /> <div > <div id="light" class="white_content"> <table cellpadding="0" cellspacing="0" border="0" style="background-color: #FFFFFF; font-family: Verdana, Geneva, Tahoma, sans-serif;" width="100%"> <tr> <td height="16px"> <a href="java<!-- no -->script:void(0)" id="pop_up_pretrazivanje:closeButton" > <img src="Images/delete.png" style="border-style: none; border-color: inherit; border-width: 0px; height: 20px; width: 20px;" align="right" alt="Close" /></a> </td> </tr> <tr> <td style="padding-removed 16px; padding-removed 16px; padding-removed 16px"> <table align="center" border="0" cellpadding="0" cellspacing="0" style="background-color: #fff" width="100%"> <tr> <td align="center" colspan="2" class="headertext"> <h1 class="LoginHead" align="center">LOGIN</h1> </td> </tr> <tr> <td> </td> </tr> <tr> <td align="center"> <table> <tr> <td align="right" class="bot_text">Username: </td> <td> <%--<input type="text" runat="server" id="txtSearchTerm" placeholder="Username" value="txtName" />--%> <asp:TextBox ID="txtName" runat="server" placeholder="Username"></asp:TextBox> </td> </tr> <tr> <td height="10px"></td> <td> <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtName" ErrorMessage="User ID Required" ValidationGroup="a" CssClass="content3" ForeColor="#FF3300"></asp:RequiredFieldValidator> </td> </tr> <tr> <td align="right" class="bot_text">Password: </td> <td> <asp:TextBox ID="txtPassword" runat="server" TextMode="Password" placeholder="Password"></asp:TextBox> </td> </tr> <tr> <td align="right"></td> </tr> <tr> <td height="10px"></td> <td> <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtPassword" ErrorMessage="Password Required" ValidationGroup="a" CssClass="content3" ForeColor="#FF3300"></asp:RequiredFieldValidator> </td> </tr> <tr> <td></td> <td align="center"> <asp:Button ID="_btnLogin" runat="server" Text="Login" CssClass="Button1" ValidationGroup="a" Height="40px" Width="100px" /> </td> </tr> </table> <table> <tr> <td> <a href="ForgotPassword.aspx" class="style4" style="font-family: Verdana">Forgot password?</a> | <a href="Registration.aspx" class="style4" style="font-family: verdana">Register</a> </td> </tr> </table> </td> </tr> <tr> <td height="10px"></td> </tr> </table> </td> </tr> </table> </div> <div id="fade" class="black_overlay"> </div> </div> <asp:Panel ID="Panel1" runat="server"> <pre style="margin-removed 10px"><a href="java<!-- no -->script:void(0)" >Login</a>|<a class="anchor" href="Registration.aspx" style="font-family: verdana; font-size: small; color: #0000FF;">Register</a>
</form>
Javascript
<script type=\"text/javascript\">
window.onkeyup = function (event) {
if (event.keyCode == 27) {
window.close();
}
}
</script>
<script type=\"text/javascript\">
document.onkeydown = checkKeycode2
function checkKeycode2(e) {
var keycode;
if (window.event) keycode = window.event.keyCode;
else if (e) keycode = e.which;
if (keycode == 27) {
var obj;
obj = document.getElementById(’pop_up_pretrazivanje:closeButton’);
if (obj != null) {
document.getElementById(’pop_up_pretrazivanje:closeButt on’).click();
}
}
}
</script>
</form>
Javascript
<script type="text/javascript">
window.onkeyup = function (event) {
if (event.keyCode == 27) {
window.close();
}
}
</script>
<script type="text/javascript">
document.onkeydown = checkKeycode2
function checkKeycode2(e) {
var keycode;
if (window.event) keycode = window.event.keyCode;
else if (e) keycode = e.which;
if (keycode == 27) {
var obj;
obj = document.getElementById('pop_up_pretrazivanje:closeButton');
if (obj != null) {
document.getElementById('pop_up_pretrazivanje:closeButton').click();
}
}
}
</script>
Just use the javascript settimeout function an pass it 5 minutes worth of milliseconds. 300000, see example z[^]
then use the method to navigate to the expired page.
Or you could name your popup window from the launching page and keep the timeout there, then you can close it and navigate in the original window.
Just use the javascript settimeout function an pass it 5 minutes worth of milliseconds. 300000, see example z[^]
then use the method to navigate to the expired page.
Or you could name your popup window from the launching page and keep the timeout there, then you can close it and navigate in the original window.
这篇关于如何使asp.net中的弹出窗口失效的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
