Button onclick delete another browser window

Question

I have two web pages. First.html:

<script> window.onload = function(){ setTimeout(loadAfterTime, 3000) }; function loadAfterTime() { my_window = window.open("Second.html", "","status=1,width=100%,height=100%");}
this.window = previous_window ;
 </script>

Second.html:

<html>
    <head>
        <script>
function closepopup()
   {
      if(false == previous_window.closed)
      {
         previous_window.close ();
      }
      else
      {
         alert('Window already closed!');
      }
   }
</script>
    </head>
    <body>
        <button onclick="closepopup();">
            Close
        </button>
    </body>
</html>

If we load first.html in a browser, after 3 seconds of load, the JavaScript will make a browser window with the URL set into Second.html. I have added a button in the second.html file. If we press that button, I want to delete/remove the previous browser window (first.html). The window.open is working button window.close is not. Please help. Also, the code should perfectly work on mobile devices(Latest Chrome app on Android and IOS). Any help will be appreciated.

Was the first window opened by a script? If not, you won't be able to close it. See [docs](https://developer.mozilla.org/en-US/docs/Web/API/Window/close). However if it was opened by script you could use the standard `window.opener.close()` instead of your own `previous_window` variable. — James, Nov 09 '17 at 16:07

score 0 · Answer 1 · answered Nov 10 '17 at 11:37

0

First.html

<script> 
window.onload = setTimeout(loadAfterTime, 3000);
function loadAfterTime()
{
    window.open("Second.html","","status=1,width=100%,height=100%");
}
</script>

Second.html

<html>
<head>
<script>
function closepopup()
{
    if(window.opener)
    {
        window.opener.close();
    }
    else
    {
        alert("Window already closed!");
    }
}
</script>
</head>
<body>
<button onclick="closepopup();">Close</button>
</body>
</html>

answered Nov 10 '17 at 11:37

Phoenix

57
9

1

which browser are you using ? – Phoenix Nov 10 '17 at 11:46
1

also check if popup is being blocked – Phoenix Nov 10 '17 at 11:51
I'm using Chrome. Pop-ups are not blocked. – user8783930 Nov 10 '17 at 11:55
1

is Second.html window opening after you open First.html? – Phoenix Nov 10 '17 at 11:58
I just opened first.html and the JavaScript itself opened second.html – user8783930 Nov 10 '17 at 17:04
1

yes thats how it should work. Are you able to close First.html by clicking close button on Second.html window ? – Phoenix Nov 10 '17 at 18:16
no. I made my website for only mobile visitors. So please give a code, which supports mobile devices. I'll only check this code on mobile devices. – user8783930 Nov 11 '17 at 01:39
1

i just checked now , it works on mobile too , tell me what problem you are facing. – Phoenix Nov 11 '17 at 13:52
1

i guess the working remains the same whether you run it on computer or mobile, only the look changes. – Phoenix Nov 11 '17 at 13:59
Oh no! It's not. – user8783930 Nov 11 '17 at 14:02
1

i think it the working of your code depends on the browser and not the device. Also have a look at this https://stackoverflow.com/questions/16944522/what-are-differences-between-chrome-on-android-and-desktop-chrome – Phoenix Nov 11 '17 at 14:20
which browser did you used? – user8783930 Nov 11 '17 at 14:53
1

chrome for both desktop(Version 62.0.3202.89) and mobile(version 61.0.3163.98) – Phoenix Nov 11 '17 at 16:12
Do you have any idea on why it didn't worked for me? – user8783930 Nov 12 '17 at 11:56
I have tried resetting Chrome://flags in Android. But still no changes. – user8783930 Nov 12 '17 at 12:07
can you tell me exactly what is not working for you? – Phoenix Nov 12 '17 at 13:06

Button onclick delete another browser window

1 Answers1