Can only obtain element height if browser not maximised 1

PeDa · Dec 16, 2016

My pages like [sample page

http://www.pdavis.nl/ShowPhoto.php?ID=1201609060

] run a function on loading

Code:

<body id=body onload='initialize()'>

in which I try to read the height (or other property) of elements. However the line

Code:

 alert(document.getElementById('map').style.height);

only returns a value if the browser is not maximised; if it is maximised, I see an empty popup. I don't understand this last result; any help appreciated.

feherke · Dec 16, 2016

Hi

JavaScript can only read the style values it set previously.

However you can obtain it through [tt]getComputedStyle[/tt] :

JavaScript:

[COLOR=orange]getComputedStyle[/color][teal]([/teal]document[teal].[/teal][COLOR=orange]getElementById[/color][teal]([/teal][i][green]'map'[/green][/i][teal])).[/teal]height

Or if your site uses jQuery, that is able to handle it :

JavaScript:

$[teal]([/teal][i][green]'#map'[/green][/i][teal]).[/teal][COLOR=orange]css[/color][teal]([/teal][i][green]'height'[/green][/i][teal])[/teal]

Feherke.
feherke.ga

PeDa · Dec 16, 2016

Hello Feherke,

Thank you; just what is needed.

Peter

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Can only obtain element height if browser not maximised 1

PeDa

Technical User

feherke

Programmer

PeDa

Technical User

Similar threads

Part and Inventory Search

Sponsor