How to close a specific window with jQuery

Question

I open a window with jQuery. Then I want to close it but window.close or nameOfTheWindow.close does not work. How should I do it?

I have the example here: http://jsfiddle.net/D99Gk/2/

HTML:

<a class="open" href="http://www.google.com" target="_blank"> open window 1 </a>
<br><br>    
<a class="close" href="#"> close window 1</a>

JQUERY:

$(function(){
 //I give the window the name window1 and I open it:
    $('.open').click(function(e){
        e.preventDefault();
        window.open("","window1","width=400, height=400");
    });

    $('.close').click(function(){
        // I tried and does not work:
        // window.close();
        // window1.close();
    });
})

you can't and that's the answer, but if I try to put that in an answer, I'm sure to be downvoted ;) — Amit Joki
– Amit Joki, Commented May 3, 2014 at 13:19
You need to save the reference returned from window.open(), which allows you to access that "window's" object. — Jared Farrish
– Jared Farrish, Commented May 3, 2014 at 13:20

A. Wolff · Accepted Answer · 2014-05-03 13:22:15Z

5

Like this:

$(function(){    
    var popup;
    $('.open').click(function(e){
        e.preventDefault();
        popup = window.open("","window1","width=400, height=400");
    });

    $('.close').click(function(){
        if(popup) popup.close();
    });
});

DEMO

answered May 3, 2014 at 13:22

A. Wolff

74.4k9 gold badges98 silver badges158 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Jared Farrish Over a year ago

The if is a nice touch.

Nrc Over a year ago

I do not understand why the conditional? If the window is not open and you click the close window, nothing happens

A. Wolff Over a year ago

@Nrc Check your console, there is error if not using the if check because undefined hasn't got a close() method

Jared Farrish · Accepted Answer · 2014-05-03 13:22:04Z

2

$(function(){    
    var winref;

    $('.open').click(function(e){
        e.preventDefault();
        winref = window.open("","window1","width=400, height=400");
    });

    $('.close').click(function(){
        winref.close();
    });
});

http://jsfiddle.net/D99Gk/3/

Note: As A. Wolff does, you should check if winref:

$('.close').click(function(){
    if (winref) winref.close();
});

This is to prevent an error from first clicking the close link before winref exists, or after it is closed.

answered May 3, 2014 at 13:22

Jared Farrish

49.4k17 gold badges100 silver badges108 bronze badges

Comments

super · Accepted Answer · 2014-05-03 13:22:43Z

1

Try this:

$(function(){    
var wi = null;
    $('.open').click(function(e){
        e.preventDefault();
        wi = window.open("","window1","width=400, height=400");
    });

    $('.close').click(function(){
        wi.close();     
    });
})

Demo

answered May 3, 2014 at 13:22

super

2,3282 gold badges21 silver badges23 bronze badges

Collectives™ on Stack Overflow

How to close a specific window with jQuery

3 Answers 3

DEMO

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related