echo "<html>";
echo "<head>";
echo "<script>";
echo " function logout()";
echo " {";
echo " var r=confirm(\"Are you sure you want to logout?\");";
echo " if (r==true){window.location.href=\"http://www.google.com\";}";
echo " }";
echo "</script>";
echo "</head>";
echo "<body>";
echo "<div ALIGN=\"right\" onclick=\"logout();\"> <a href=\"\">Logout </a> </div>";
echo "</body>";
echo "</html>";
From the above code, I just want to redirect the user to www.google.com
once the user click "YES" in the confirm box. I tried to alert right after ( r == true
), it works, however the page doesn't go to www.google.com
. May I know what I've missed out?
Well,I think you should add same code like this:
echo "<div ALIGN=\\"right\\" onclick=\\"logout();\\"><a href=\\"javascript:return;\\">Logout </a> </div>";
because the page has refreshed after the click event bind on DIV element triggered.
This will work if you have Jquery and Jquery UI
echo "<html>";
echo "<head>";
echo "<script>";
echo '$( "#dialog-logout" ).dialog({
autoOpen: false,
resizable: false,
height:160,
modal: true,
buttons: {
"Logout": function() {
location.href = "http://www.google.com";
$( this ).dialog( "close" );},
Cancel: function() {
$( this ).dialog( "close" );}}});
$( "#logout" )
.click(function() {
$( "#dialog-logout" ).dialog( "open" );});'
echo "</script>";
echo "</head>";
echo "<body>";
echo "<div ALIGN=\"right\" id=\"logout\"> <a href=\"\">Logout </a> </div>";
echo '<div id="dialog-logout" title="Logout">
<p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>You are about to logout. Are you sure?</p>
</div>';
echo "</body>";
echo "</html>";
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.