[javascript]height van div met dynamische inhoud

[Verwijderd]

Goedenavond

Ik wil een pop-up automatisch schalen naar de hoogte van een element, bv een foto
Dat gaat prima met de volgende regel

window.innerHeight=document.images["foto"].height;

Leuk, maar nu wil ik een foto met een tekst eronder. Ik dacht toen het volgende:

code:

<div id="content">foto<br />tekst</div>
window.innerHeight=document.getElementById('content').height;

Maar de window.innerHeight wordt nu veel minder hoog dan foto en tekst bij elkaar
Hoe kan ik met javascript de hoogte van een divje met dynamische inhoud bepalen?

_{disclaimer, dit is uiteraard niet de daadwerkelijke volgorde van de code, maar de twee relevante regels}

[Vinnienerd]

Kun je bij de window.innerHeight niet een bepaald aantal pixels optellen? Misschien neemt ie steeds gewoon x pixels te weinig mee door de <br />?

[Verwijderd]

Vinnienerd schreef op vrijdag 03 juni 2005 @ 21:34:
Kun je bij de window.innerHeight niet een bepaald aantal pixels optellen? Misschien neemt ie steeds gewoon x pixels te weinig mee door de <br />?

Nee, hij komt zelfs maar halverwege de hoogte van de foto.

Het lijkt wel of een div waarbij dus geen height is ingesteld via CSS (behalve dus de default 'auto') geen waarde terug geeft in getElementById.

[Amras]

Je moet de height van de div zo opvragen:

code:

document.getElementById('content').style.height;

In jouw geval gaat dit echter niet werken om deze property alleen iets teruggeeft als je hem een waarde hebt gegeven.

[Verwijderd]

Amras schreef op vrijdag 03 juni 2005 @ 21:42:
Je moet de height van de div zo opvragen:

code:

document.getElementById('content').style.height;

In jouw geval gaat dit echter niet werken om deze property alleen iets teruggeeft als je hem een waarde hebt gegeven.

style.height had ik ook geprobeerd, maar werkt inderdaad ook niet.

Het is dus simpelweg niet mogelijk om in javascript de hoogte van een div met dynamische inhoud te bepalen/achterhalen?

[ Voor 5% gewijzigd door Verwijderd op 03-06-2005 21:49 ]

[Not Pingu]

Met de .style property haal je sowieso alleen dingen op die in CSS geset zijn, geloof ik.

Voor de daadwerkelijke weergave heb je Computedstyle:

code:

document.defaultView.getComputedStyle(someObject,'').getPropertyValue('width')

[Verwijderd]

Gunp01nt schreef op vrijdag 03 juni 2005 @ 22:03:
Met de .style property haal je sowieso alleen dingen op die in CSS geset zijn, geloof ik.

Voor de daadwerkelijke weergave heb je Computedstyle:

code:

document.defaultView.getComputedStyle(someObject,'').getPropertyValue('width')

Is dit crossbrowser?

want dit werkt prima onder FF

code:

window.innerHeight=document.getElementById('object').clientHeight;

Maar niet onder IE

[Not Pingu]

Als het goed is, is er redelijk brede ondersteuning voor. Ik heb het zelf nooit gebruikt, en ik las ook al dat bijv. Opera een paar dingen fout doet als je computedstyle gebruikt. Maar ik zou zeggen, probeer het gewoon.