|
 |
| |
ถามหน่อยครับ ต้องการให้หลังจากยืนยันการปิดหน้าต่างแล้ว ให้สั่ง logout ตัวเองครับ (มีโค้ดตัวอย่าง) |
| |
 |
|
|
 |
 |
|
จากโค้ด คือ จะ logout ก็ต่อเมื่อ มีการกดปุ่ม logout เท่านั้น แต่ถ้าทำการปิดหน้าไปเลย แม้จะมีการสั่งให้ถามยืนยัน แล้วตอบตกลง ระบบจะไม่ทำการ logout ครับ
ที่ต้องการคือ แม้จะไม่ทำการกดปุ่ม logout แต่ถ้ากดปิดไปแล้วตอบยืนยันตกลง ให้ทำการ logout ด้วยนะครับ
Code (PHP)
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>อย่าปิดหน้านี่</title>
<script language="JavaScript" type="text/javascript">
window.onbeforeunload = confirmExit;
function confirmExit()
{
return "คุณต้องการปิดหน้าต่างนี้ ใช่ไหม";
}
</script>
<style type="text/css">
<!--
body {
padding:5px;
margin:0px;
}
.btn {
color: #ffffff;
width: 30%;
height:30px;
background-color: #333333;
border-color: #357ebd;
/*padding: 10px 16px;*/
font-size: 1em;
line-height: 1.33;
border-radius: 6px;
}
.objposition{
position:relative;
/*margin:5px 0px 5px 0px;*/
margin-bottom:20px;
text-align:center;
width:100%;
clear:both;
}
.text {
font-size:18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-shadow:black 0.1em 0.1em 0.2em;
}
.textalert {
font-size:22px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FF0000;
text-shadow:black 0.1em 0.1em 0.2em;
}
.box {
width:50%;
height:100%;
text-align:center;
/*background-image:url(../images/bg5.jpg);*/
border:solid 1px #000000;
margin:auto;
margin-top:50px;
padding:10px;
/*margin-left:25%;
padding:30px;*/
background-color: #428bca;
/*color:#FFFFFF;*/
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-shadow:inset 0 1px rgba(255,255,255,0.3),inset 0 0 1px 1px rgba(255,255,255,0.1),0 2px 10px rgba(0,0,0,0.5);
box-shadow:inset 0 1px rgba(255,255,255,0.3),inset 0 0 1px 1px rgba(255,255,255,0.1),0 2px 10px rgba(0,0,0,0.5)}
@media (max-width:320px){.box{width:220px}}
a:link {
color: #FFFF00;
}
a:visited {
color: #FFFF00;
}
a:hover {
color: #FFFFFF;
}
-->
</style>
</head>
<body>
<div class="box">
<span class="textalert">กรุณาอย่าปิดหน้าต่างนี้</span><p></p>
<p class="textalert">Don't close this window</p>
<p class="textalert">คลิก <a href="http://www.google.co.th" target="_blank">ที่นี่</a> เพื่อเปิดหน้าใหม่</p>
<p class="textalert"><span class="text">คลิกที่ปุ่ม Logout เพื่อลงชื่อออก</span></p>
<p />
<form method="POST" action="<?=$logouturl;?>">
<input name="logout_id" type="hidden" value="<?=$sessionid;?>" />
<input name="zone" type="hidden" value="<?=$cpzone;?>"/>
<input name="logout" type="submit" value="Logout" class="btn" />
</form>
</div>
</body>
</html>
Tag : PHP, MySQL, HTML/CSS, JavaScript
|
|
|
 |
 |
 |
 |
| Date :
2016-12-27 22:18:09 |
By :
akkaneetha |
View :
1095 |
Reply :
1 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
|
| |
|
 Load balance : Server 04
|
