Html javascript to open new window and close current window

Question

I have a popup window and in that page I have the following code in the body.

<a href="http://www.example.com" target="_blank" onClick="javascript:window.close()"><img src="...something"/></a>

The purpose is to have this popup window close when a user clicks on the image link, and to open a new page and be directed to http://www.example.com.

It works in IE and Chrome, but not in Firefox. The popup window closes but no new window is opened.

Any ideas?

This has been asked before: http://stackoverflow.com/questions/760422/ — user123444555621, Sep 09 '10 at 23:13
@Pumbaa80 - That's not what OP asked. That question is about why a window won't close. OP's window will close, but doesn't open a new one. — Ender, Sep 09 '10 at 23:25

score 14 · Accepted Answer · answered Sep 09 '10 at 23:07

14

Yes, I can repro this - interesting. setTimeout works around it:

onClick="javascript: setTimeout(window.close, 10);"

I can only guess that once the window closes (which happens before the hyperlink is followed) Firefox stops processing that page.

Edit: better make it 10ms delay - with 1ms Chrome doesn't close the window.

answered Sep 09 '10 at 23:07

EMP

59,148
53
164
220

it works, thanks, i guess you are right it probably just stop execute other operation once it is closed. make sense ~ – Eatdoku Sep 09 '10 at 23:23
it has not worked for me i tried "Direct To Click On", what could i do ?window will be closed if new window open? – Karthic G Jul 13 '18 at 07:14
1

in console it gives: `Scripts may not close windows that were not opened by script.` – J4GD33P 51NGH Jul 28 '18 at 06:42

score 3 · Answer 2 · edited Jun 06 '18 at 02:16

3

The question is actually solved for the opener but it didn't help my issue (not wished: the new windows under firefox keep the same size as the current popup).

So I find following solution:

function whenClicked() 
{
    window.close();
    opener.location.href = "http://www.example.com";

}

or this if the ppage should open in a new tab:

function whenClicked() 
{
    window.close();
    opener.open(http://www.example.com, '_blank');
}

edited Jun 06 '18 at 02:16

Andrew

18,680
13
103
118

answered Feb 25 '13 at 15:53

Samsky

438
5
11

Simple yet elegant fix which is no messing with time-outs. Time delay duration is hard to guesstimate to suit all environments. – AbelSurace Sep 05 '17 at 16:49

score 2 · Answer 3 · answered Sep 09 '10 at 23:22

When you add some functionality to an element's click event via javascript, that functionality is executed before the default click event (in this case, opening a new page), in order to allow for the possibility of intercepting and overriding the default event. The default behavior will only execute when and if the event returns a boolean value of true.

In this case, the additional functionality would be to close the window and my guess is that Firefox chooses to interpret this as "we're all done here", so the click event never returns true, and thus the new page never gets opened.

Evgeny's suggestion of using a short timeout would allow the click event to return true before the window is closed, thus allowing the new window to open.

Html javascript to open new window and close current window

3 Answers3

Linked