How to close current tab using swal alert box

Question

I am using swal alert box, I just need to close my current tab when the user clicks on ok button.

$(document).ready(function(){
    swal({
        title: "Are you sure ??",
        text: 'hii', 
        icon: "success",
        buttons: true,
        //dangerMode: true,
    })
    .then((willDelete) => {
      if (willDelete) {
        window.close();
      } else {
        window.close();
      }
    });
});

What relation is there between the "current tab" and when the alert is shown? — freedomn-m, Jun 13 '19 at 09:08
when page is fully loaded this swal alert is popup, when user click on ok button then current tab should be close — Akshay, Jun 13 '19 at 09:11
You mean the browser window tab? See: https://stackoverflow.com/questions/2076299/how-to-close-current-tab-in-a-browser-window — freedomn-m, Jun 13 '19 at 09:16
You have two issues: how to close a browser-tab (see link above, short answer: you can't) and how to get value from swal: use `.then(..` https://sweetalert.js.org/guides/#using-promises — freedomn-m, Jun 13 '19 at 09:23
see my updated code i using same, but getting warning. script may close only the windows that were opened by it — Akshay, Jun 13 '19 at 09:25
Right, so now you have one issue (you shouldn't change the question as you get fixes, maybe add an update, but not change completely). How to close a window, which you can't: see https://stackoverflow.com/questions/2076299/how-to-close-current-tab-in-a-browser-window — freedomn-m, Jun 13 '19 at 09:27

devmonster · Answer 1 · 2019-06-13T09:25:43.450

1

By using a customizing the confirm dialog from Docs You can use the following code below:

Swal.fire({
  title: "Error",
  text: "wrong user or password",
  type: "error",
  showCancelButton: false,
  confirmButtonColor: '#3085d6',
  cancelButtonColor: '#d33',
  confirmButtonText: 'OK'
}).then((result) => {
  if (result.value) {
    window.close();
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script>

PEN: CLICK HERE

edited Jun 13 '19 at 09:25

answered Jun 13 '19 at 09:17

devmonster

456
6
20

giving an error uncaught ReferenceError: Swal is not defined. – Akshay Jun 13 '19 at 09:19
Its works fine with me , lemme check again. i'll try to put the code in the built in code snippet of stackoverflow. – devmonster Jun 13 '19 at 09:23
and also, i use a latest swal library. Try the code in your computer if it works. It's working fine with me with the included library. – devmonster Jun 13 '19 at 09:26
can you please give me CDN for this. – Akshay Jun 13 '19 at 09:27
alert.html:38 Scripts may close only the windows that were opened by it. – Akshay Jun 13 '19 at 09:29
@Akshay it's included in snippet. – devmonster Jun 13 '19 at 09:29
see this warning alert.html:38 Scripts may close only the windows that were opened by it. – Akshay Jun 13 '19 at 09:31

How to close current tab using swal alert box

1 Answers1