CODEWITHSUNDEEP
javascriptjquery
user1043804
user1043804

Reputation: 27

Javascript to center popup

I need to open a popup window centered on screen. The approach in this article works well, however I can not have an onclick attribute on the link/button.

I created this JS Fiddle, can anyone please help me combine the two?

// find elements
var button = $("button")
// handle click
button.on("click", function(){
    var left  = ($(window).width()/2)-(500/2),
    top   = ($(window).height()/2)-(700/2),
    popup = window.open ("https://apple.com", "popup", "width=500, height=700, top="+top+", left="+left);
})

Upvotes: 0

Views: 50

Answers (1)

Exceptional NullPointer
Exceptional NullPointer

Reputation: 788

Your code works just fine. Please note that $(window) in your example refers to the result iframe.

On jsfiddle it's not possible to calculate the full window size from inside the iframe because it is on another domain (jsfiddle.net vs fiddle.jshell.net). Check out CORS.

Check out this embedded result of your code.

// find elements
var button = $("button")
// handle click
button.on("click", function(){
    var left  = ($(window).width()/2)-(500/2),
    top   = ($(window).height()/2)-(700/2),
    popup = window.open ("https://apple.com", "popup", "width=500, height=700, top="+top+", left="+left);
});

Upvotes: 1

Related Questions