简体   繁体   中英

PHP JavaScript redirect issue

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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM