CODEWITHSUNDEEP
javascriptwindow.open
iskandarblue
iskandarblue

Reputation: 7526

Cannot position windows with window.open()

My objective is to position a new window opened with the window.open() method in the bottom righthand corner of the screen, but setting right=0 and bottom=0 does not work.

Changing width and height makes a difference, but changing top, bottom, right or left still results in the window opening in the top lefthand corner.

Why is this and how would one position the window in the lower right hand corner? 

window.open('https://google.com', '_blank', 'location=yes, height=250,width=550, right=0, bottom=0, scrollbars=yes,status=yes');

Upvotes: 1

Views: 7802

Answers (2)

Aaron K.
Aaron K.

Reputation: 344

You need to set the top and left to the inner height and width minus the height and width of your new window.

<script>
    function OpenMe(){
    var height = 250;
    var width = 550;
    var top = window.innerHeight-height;
    var left = window.innerWidth-width;
    window.open(
        'https://google.com', 
        '_blank', 
        'location=yes,height='+height+',width='+width+',top='+top+',left='+left+',scrollbars=yes,status=yes'
    );
    }
</script>

Upvotes: 7

Tel
Tel

Reputation: 91

If opened from a browser window on the main monitor, positioning works just fine. If opened from a browser window on a different monitor then positioning fails. I tested this in Chrome.

Upvotes: 4

Related Questions