Jquery Change Height based on Browser Size/Resize

javascript jquery browser screen
AlteredConcept picture AlteredConcept · May 8, 2009 · Viewed 126.4k times · Source

I was wondering if there was a way to determine the height/width of a browser. What i'm trying to do is set a height on a div to 500px when the browser size is 1024x768, and for anything lower i'd like to set it to 400px.

Thanks in advance

Answer

TM. picture TM. · May 8, 2009

If you are using jQuery 1.2 or newer, you can simply use these:

$(window).width();
$(document).width();
$(window).height();
$(document).height();

From there it is a simple matter to decide the height of your element.

Related questions

How to capture the browser window close event?

I want to capture the browser window/tab close event. I have tried the following with jQuery: jQuery(window).bind( "beforeunload", function() { return confirm("Do you really want to close?") } ) But it works on form submission as well, which is …

Read More
How to copy text to the client's clipboard using jQuery?

The workflow is simple: You click inside a textarea. The text is copied to the client's clipboard. Display notice to the user. How do you do it?

Read More
Caching a jquery ajax response in javascript/browser

I would like to enable caching of an ajax response in javascript/browser. From the jquery.ajax docs: By default, requests are always issued, but the browser may serve results out of its cache. To disallow use of the cached …

Read More