javascript How to get dynamically height (when i resize browser)

Question

I'm trying to get height from adjustable div because I'd like to add overflow style into css when height value will be greater than a set value. When you resize window height of this the div change. I'll explain this with some pictures:

The main problem is how to get it dynamically? I mean,when you resize your own window etc.?

have you tryied a porcentual height and min-height? Can you use jquery? — Chango, Nov 11 '12 at 20:02
Take a look at here: http://stackoverflow.com/questions/641857/javascript-window-resize-event — Rikki, Nov 11 '12 at 20:04

score 3 · Answer 1 · answered Nov 11 '12 at 20:10

In case you are able to use jQuery, I would suggest using the window.onresize method and compute the height of the div.

$(document).ready(function()
{
   $(window).on("resize", function()
   {
        $("#myDiv").text("My height is " + $("#myDiv").height());
   });                                                           
});

Take a look at this fiddle I created for you: http://jsfiddle.net/9ftGe/

I hope this is what you wanted.

score 0 · Answer 2 · answered Nov 11 '12 at 20:07

I think you're looking for monitoring the browser variables...

window.innerHeight

window.innerWidth

Whenever you check/call these variables you should get the exact window inner size and take it from there.

NB: These variables (constants to us) are case sensitive.

javascript How to get dynamically height (when i resize browser)

2 Answers2

Linked