Onclick Javascript Alert, Then Redirect To A New Window

Question

I'm trying to have an onlick alert, then redirect to a new window

This is what I have so far

<button type="button" class="button" onclick="pop()">Renew Subscription</button>
</div>

<script>
function pop() {
alert("40% Discount has been applied");
window.location.href="http://LINKHERE.COM", '_blank';
}
</script>

Right now redirects in the same window but prompts a "leave site? Changes you made may not be saved."

Means some code has setup a onbeforeunload event, unregister it before hand if you dont want it to trigger — Patrick Evans, Oct 18 '19 at 04:47

score 0 · Accepted Answer · answered Oct 18 '19 at 05:07

This is working code

Execute it outside stackoverflow, its not working here I don't know why?

function pop() {
alert("40% Discount has been applied");
window.open("https://www.wikipedia.org/","_blank");
}

<button type="button" class="button" onclick="pop()">Renew Subscription</button>

score 0 · Answer 2 · answered Oct 18 '19 at 05:08

Try window.open():

 <!DOCTYPE html>
    <html>
    <body>
    <button type="button" class="button" onclick="pop()">Renew Subscription</button>
    <script>
    function pop() {
    alert("40% Discount has been applied");
    var win = window.open("http://LINKHERE.COM", '_blank');
      win.focus();
    }
    </script>
    </body>
    </html>

score 0 · Answer 3 · answered Oct 18 '19 at 05:08

0

You can use third party libraries like SweetAlert2 to easily achieve this.

function pop() {
  Swal.fire({
    title: 'Success!!',
    text: "40% Discount has been applied",
    type: 'success',
    confirmButtonColor: '#3085d6',
    confirmButtonText: 'Great!'
  }).then((result) => {
    if (result.value) {
      window.open('https://www.google.com', '_blank');
    }
  });
}

<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>

<button type="button" class="button" onclick="pop()">Renew Subscription</button>

answered Oct 18 '19 at 05:08

Tharavink Prasad Sivarajan

390
4
10

He didn't mention about he is using jquery or not and why are you loading new library? Why don't you suggest `window.open` with `_blank` target – Sourabh Somani Oct 18 '19 at 05:45
I thought he needs the redirection to happen after the user confirms. So, I suggested this method. I believe I understood the question wrongly. – Tharavink Prasad Sivarajan Oct 18 '19 at 07:05

Onclick Javascript Alert, Then Redirect To A New Window

3 Answers3