Position a Window On Screen

Question

Is there a way to position a window opened with jQuery to the top right corner of the screen?

This is the code I have right now:

$(document).ready(function() {
    $("#dirs a").click(function() {
        // opens in new window
        window.open(this.href, "customWindow", "width=960, height=1040");
        return false;
    });
});

And I want it to open in the top right corner of the screen, similar to how it would appear if "snapped" with Windows Aero snap in Vista or higher. Is there a way to make this happen?

By the way, this is a simple page that only I will use, and I will only use it in Chrome on a 1920x1080 monitor, so it doesn't have to have any fancy stuff to adjust for different browsers or screen sizes.

Answer 1

If he wants it on the top right doesn't he need this?

window.open(this.href, "customWindow", "width=960, height=1040, top=0, left=960");

Answer 2

JavaScript window.open accepts lots of parameters. To your particular case, top and left should suffice.

See the working Fiddle Example!

The Syntax

window.open([URL], [Window Name], [Feature List], [Replace]);

The Feature list

The working example to fit your needs

<script type="text/javascript">
<!--
function popup(url) 
{
 var width  = 960;
 var height = 1040;
 var left   = screen.width - 960;
 var top    = 0;
 var params = 'width='+width+', height='+height;
 params += ', top='+top+', left='+left;
 params += ', directories=no';
 params += ', location=no';
 params += ', menubar=no';
 params += ', resizable=no';
 params += ', scrollbars=no';
 params += ', status=no';
 params += ', toolbar=no';
 newwin=window.open(url,'customWindow', params);
 if (window.focus) {newwin.focus()}
 return false;
}
// -->
</script>

<a href="javascript: void(0)" 
   onclick="popup('popup.html')">Top Right popup window</a>

Note: This will calculate the screen width to set the left properly.

Take into consideration that you are using a window with a large height, usually, screens are larger than taller...