Search code examples
javascriptwindow.open

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');  

Solution

  • 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>