when i click ok button of sweet alert.. send to another page

[fabianchoxD]

i need go to another page after click at ok or error button...my code:

i use a $(document) because i need show the error when the page is loaded

<script> $(document).ready(function () { swal({ title: "Error", text: "wrong user or password", type: "error" }); }); </script>

pls give me a hand ;)

[varunsridharan]

i think this can be done using location.href = 'http://google.com'

this should be called at ok / error button click handler;

[t4t5]

As @technofreaky said, you can redirect using JavaScript. Here's a similar example: #168

[fabianchoxD]

i can solve it :)

only use window.location.href .. here is the code:

    $(document).ready(function() {
swal({ 
  title: "Error",
   text: "wrong user or password",
    type: "error" 
  },
  function(){
    window.location.href = 'login.html';
});

});
Thank's for help me

[Jpsstack]

@fabianchoxD Good Job !

[sunilsmith]

I need to bind a html page within sweet alert. so that when my sweet alert triggered it should show the html page in its body.

[prajesh2u]

how can i do the alert when user is trying to close browser/tab with SweetAlert? Please help me out..

[MAbdulHalim]

@fabianchoxD thanks, it works.

[yogesh-mistry]

anyone have any idea about the callback function/event triggered on click of OK button genereated using persistant() function?
Alert::success('Success Message', 'Optional Title')->persistent("Ok");

[cnchg]

@fabianchoxD thank you for the solution but it did not work for me. I was able to resolve this issue like this:
swal({
title: "Success!",
text: response.scriptstatus,
type: "success"
}).then(function() {
// Redirect the user
window.location.href = "new_url.html";
console.log('The Ok Button was clicked.');
});

[koolbseit]

@cnchg many thanks, it's work for me!!!

[grafluxe]

If you also have a "Cancel" button in your modal, you'll want to confirm that the "OK" button was indeed pressed:

swal({...}).then(okay => {
  if (okay) {
    window.location.href = "...";
  }
});

[jmada]

swal({
   icon: "error",
  title: "¡Error!",
  showConfirmButton: true,
  confirmButtonText: "Cerrar",
  closeOnConfirm: false
}). then(function(result){
  window.location = "WEREYOUWANTTOGO";
             })

This is my solution for this issue!

[zoom699]

function MesajUyari($mesaj,$text,$icon,$sure,$url){
echo"<script >
swal({
title:"$mesaj",
text:'$text',
icon:'$icon',
button:'Kapat'
});
</script> ";
header("Refresh: $sure; url=$url");
//location.href = 'http://www.alokatalog.com/'
//$gidecekSiteAdres= header('location:'.$_SERVER['HTTP_REFERER']);
}
MesajUyari("Proje Oluşturma Başarılı","Yönlendiriliyorsunuz
Lütfen Bekleyin","success",3,"Sayfa.php");/

[dinukakulatunga]

@fabianchoxD thank you for the solution but it did not work for me. I was able to resolve this issue like this:
swal({
title: "Success!",
text: response.scriptstatus,
type: "success"
}).then(function() {
// Redirect the user
window.location.href = "new_url.html";
console.log('The Ok Button was clicked.');
});

Thanks!! It worked!!

[sbalasa]

Mine is redirecting to the page directly without even showing the Alert message. Am using Chrome.

       swal({
                title: "App",
                text: "Error: Invalid Credentials, try again !",
                icon: "error",
                closeOnConfirm: false
        }).then(
                function () {
                        window.location.href = 'index.html';
                }
        );

[yvaneee]

Hi, I'm trying to make swal disappear after 5 seconds so I put a timer: 5000 but when the timer is done, even if the user didn't click the button, it goes to another page. I want to the user to stay on the page if he didn't click the button on swal. Here's my code:

                        Swal.fire({
                            html: "Your tip has been published.",
                            icon: 'warning',
                            showCancelButton: false,
                            confirmButtonText: "See tip",
                            timer: 5000,
                            customClass: {
                                container: 'custom-alert',
                                popup: 'published-tip',
                                actions: 'actions-btn'
                            },
                        }).then(function() {
                            window.location = "/" + data.username;
                        });

[malikbakacak]

Swal.fire({
text: "Here's a basic example of SweetAlert!",
icon: "question",
buttonsStyling: false,
showCancelButton: true,
allowEnterKey: false,
confirmButtonText: "Ok, got it!",
cancelButtonText: 'Nope, cancel it',
customClass: {
confirmButton: "btn btn-primary",
cancelButton: 'btn btn-danger'
}
}).then(({ isConfirmed }) => { alert(isConfirmed); });