Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

window.open height isn't the same in Google Chrome as other browsers

I am using javascript's window.open to open a browser window on a user click at a specified width and height (760x581), and this works correctly on Internet Explorer, Safari, and Firefox, but Google Chrome is giving me issues. In the other browsers, the height is correctly used as the height of the content, but in Google Chrome it is making the actual browser window 581 pixels tall instead of the content. Is there a way to fix this?

<a href="http://domain.com/example.php" onclick="window.open('http://domain.com/example.php', '', 'width=760, height=581, top=15, left=15, toolbar=0, menubar=0, scrollbars=1, resizable=1, copyhistory=0, location=0, directories=0, status=1, titlebar=1, personalbar=0');return false">click here</a>
like image 499
James Simpson Avatar asked Aug 11 '10 20:08

James Simpson


People also ask

How do I change the window size when I open Chrome?

You have to right-click on the right of your tab and choose "size", then click on your window, and it should keep it as the default size.

Why is Chrome opening in a small window?

Small windows on an Internet browser are referred to "normal windows" and they are often the default setting for a Web browser. For your browser window to occupy your entire screen it must be set to "Maximize" mode.

How do I make my browser window a specific size?

* Press Alt+Space to bring up the window menu, press S to choose the Size option, use the arrow keys to resize the window, and lastly Enter to confirm. * Click the Maximize button in the top right corner of the window.

Why is my Chrome not opening full screen?

Press the F11 button to open Chrome in full-screen mode. If other functions work when you press F11 then try pressing Fn + F11.


1 Answers

So I messed with things more and discovered that some browsers supported the property innerHeight for window.open and the following worked as expected in all browsers with the desired content height at 775px with 50px added to Chrome only:

window.open($(this).attr('href'), 'videoplayer',
   'width=1242, height=775, innerHeight=825, location=no, menubar=no, status=no, titlebar=no, scrollbars=no'
);

I tested this in Chrome 6.0.472.63, Firefox 3.6, 3, and 2, IE 8 & 7, and Opera 10.62. When I was only using height Chrome would be about 50px too short and have scrollbars but all the browsers above were fine. With the added innerHeight property set at 50px more than what I want it worked in Chrome as well as all other browsers.

Update: It looks like this creates a problem in Safari with an added 50px of height. Will look into ways to get around that.

like image 73
9 revs Avatar answered Sep 25 '22 06:09

9 revs