How to open new page in new tab and redirect current page

Question

New tab works good, but for some reasons current page haven't redirect (window.location from changeLocation() doesn't work)

function changeLocation() call success everytime when I click button, but location doesn't change.

Basically it seems like window.location doesn't work because of form submit (although I use target="_blank"). But if I add return false after window.location to function, I'm not able to submit form after changing location (because I'm already on another page) and also submit before changing location impossible.

Is this possible to make it works somehow? Thanks.

function changeLocation (){
  window.location = "http://bing.com";
}

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>EXAMPLE</title>
</head>
<body>
<form action="https://google.com" target="_blank">
  <input type="text">
  <button onclick="changeLocation()">Submit</button>
</form>
</body>
</html>

Possible duplicate of [window.location() not working, not opening page](http://stackoverflow.com/questions/6094130/window-location-not-working-not-opening-page) — Abaddon666, Mar 16 '17 at 17:29
@Abaddon666 I saw this question, but I use target="_blank", so this page shouldn't reload, as for me. — Alexander Seredenko, Mar 16 '17 at 17:31
`window.location` is an object, overwriting it with a string makes no sense. `window.location.href = ...` is the correct way to do it. — CBroe, Mar 16 '17 at 17:34
Try without any extensions enabled in the browser. Since many of the shadier "online advertisers" use this technique nowadays to try and circumvent popup blockers, it might simply be that it gets caught for that very reason. — CBroe, Mar 16 '17 at 17:45
@CBroe Assigning to window.location is allowed and does some magic even if it's an object. — Domino, Mar 16 '17 at 19:22
Yes, they "allowed" it in HTML5, because they know how many people get this wrong. Doesn't mean that it makes any sense though. — CBroe, Mar 16 '17 at 19:27

skid · Answer 1 · 2017-03-16T18:16:31.740

2

This code works for firefox

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>EXAMPLE</title>
  <script type="text/javascript">
      function changeLocation (){
  window.location = "http://bing.com";
      }
  </script>
</head>
<body>
<form action="https://google.com" target="_blank">
  <input type="text">
  <button onclick="changeLocation()">Submit</button>
</form>
</body>
</html>

google.com is being loaded in the new tab and the current tab us being loaded with bing.com

edited Mar 16 '17 at 18:16

answered Mar 16 '17 at 17:34

skid

958
4
13
29

Are you sure? I've created new file and trying it here, but i't only new tab with google being opened (at least in chrome) – Alexander Seredenko Mar 16 '17 at 17:37
Ok, sorry. In firefox it really works. Please edit your message and I'll able to upwote you. Was downvoted by mistake. – Alexander Seredenko Mar 16 '17 at 18:15

score 1 · Accepted Answer · answered Mar 17 '17 at 12:58

1

To solve it, you need to add setTimeout to function like this.

function changeLocation (){
 setTimeout(function(){
  window.location = "http://bing.com";
 },200);
}

No ideas why, but it works perfect.

answered Mar 17 '17 at 12:58

Alexander Seredenko

799
3
9
26

score 0 · Answer 3 · answered Aug 19 '19 at 10:56

0

Dim returnUrl = Request.UrlReferrer.ToString()
Response.Write("<script> setTimeout(function(){window.location = """ + returnUrl + """;},200);window.open (""" + loginurl + """,'_blank');</script>")

answered Aug 19 '19 at 10:56

Musab

1,067
12
12

How to open new page in new tab and redirect current page

3 Answers3