[JavaScript] maximale hoogte browser content *

[slm]

Ik wil het volgende kunnen berekenen met JavaScript: de werkelijke content hoogte/breedte die maximaal op de resolutie van de bezoeker kan worden behaald als de browser gemaximaliseerd zou zijn en dus browserheight - buttonbarheight - statusbarheight - alle andere frutsels die de bezoeker in zijn browser heeft gezet. Hetzelfde geldt voor de breedte.

In Moz/Netscape kan ik het volgende berekenen:

code:

screen.availHeight - (window.outerHeight-window.innerHeight)

Hiermee krijg ik een constante waarde terug van de beschikbare hoogte in de browser op de gebruikte resolutie, of de browser nu is gemaxt of zeer klein is gezet.

In IE kan ik echter niets vinden wat hier op lijkt. Al geprobeerd met document.body.offsetHeight, document.body.scrollHeight, document.body.clientHeight en document.documentElement.clientHeight maar dit geeft allemaal niet het gewenste resultaat. Het is allemaal afhankelijk hoe groot de bezoeker zijn browser heeft gesized.

Iemand enig idee hoe dit kan worden opgelost in IE ?

Edit:
Oops... kan een mod de topic titel aanpassen in [JavaScript] Maximale hoogte browser content venster oid?

[ Voor 6% gewijzigd door slm op 23-10-2003 13:35 ]

[Verwijderd]

document.body.offsetHeight

[André]

JavaScript:

screen.Height - (? - document.body.offsetHeight)

Ik heb wat geprobeerd, maar weet zo niet wat op de plek van het vraagteken moet.

window.screenTop geeft het x coordinaat van het window. Maar zonder screenBottom weet je nog niets.

[ Voor 79% gewijzigd door André op 23-10-2003 14:10 ]

[slm]

offsetHeight had ik al geprobeerd en dat geeft niet de gewenste hoogte.

André schreef op 23 oktober 2003 @ 13:38:

JavaScript:

screen.Height - (window.Height - window.innerHeight)

?

In IE:
window.height = undefined
window.innerHeight = undefined

helaas..

[faabman]

vorige week nog gevonden via de search

HTML:

// beschikbare hoogte bepalen
function beschikbareHoogte() {
    if (window.innerHeight != null){
      return window.innerHeight;
      }
    if (document.body.clientHeight != null){
      return document.body.clientHeight;
      }
    return (0);
    }

werkt in i.e. mozilla netschaap operette

[slm]

FvKnijff schreef op 23 October 2003 @ 14:09:
vorige week nog gevonden via de search

HTML:

...

werkt in i.e. mozilla netschaap operette

Werkt wel maar geeft niet het gewenste resultaat. Als je de browser resized geeft hij steeds een andere waarde en dat is niet de bedoeling.

[R_W]

In IE is het onmogelijk de window grootte te achterhalen, wat jij wilt gaat dus niet lukken.

[slm]

Ik heb mijn zoektocht inmiddels maar opgegeven en het nu met een stuk minder nette workaround gedaan.

Ik check nu alleen de screen.availHeight en als hij onder een bepaald minimum komt, wordt de pagina ge-rewrite met een link die (als je hem aanklikt) vervolgens dezelfde pagina opent maar dan in een buttonless window.