javascripthtmlcssfunctionalert

linking a button to another page in SweetAlert


am i using sweet alert and i have 2 buttons; one is cancel button and the another one is continue button. i want to link the 'continue' button to another page that is 'trial.php'. how can i proceed with this? below is code i've tried:

if(m <= 2){
  swal({
    title:"dataset file is: "+  ""+size2 +"Mb",
    text: "a cluster of 1 node will be required for processing",
    buttons: {
      cancel: true,
      confirm: "continue"
    }
  })


Solution

  • Use .then() to watch the value of the pressed button and if the value is "continue", use window.location.href to redirect user to another page:

    swal({
      title: "dataset file is: " + "" + size2 + "Mb",
      text: "a cluster of 1 node will be required for processing",
      buttons: {
        cancel: true,
        confirm: "continue"
      }
    }).then((value) => {
      if (value === "continue") {
        window.location.href = "trial.php";
      }
    });