Grootte van scherm
- Onderwerp starter rodojo
- Startdatum
- Status
JHx
Gebruiker
- Lid geworden
- 11 jan 2006
- Berichten
- 407
Ben je hier iets mee? Het script toont de afmetingen van het venster ZONDER de titelbalk, menubalk, knoppenbalk, randen...
Edit: ik merk net dat de code in FF totaal anders reageert dan in IE 
HTML:
<html>
<head>
<script type="text/javascript">
function toonafmetingen(){
var h=document.body.offsetHeight;
var w=document.body.offsetWidth;
alert("Hoogte: "+h+"\nBreedte: "+w);
}
</script>
</head>
<body>
<input type="button" value="toon afmetingen" onclick="toonafmetingen();">
</body>
</html>
Laatst bewerkt:
Glest
Gebruiker
- Lid geworden
- 6 sep 2007
- Berichten
- 688
Dat komt omdat de body maar zo hoog is als hij gevuld is. Internet Explorer liegt dus eigenlijk.
Wat je nodig hebt is window.innerHeight en window.innerWidth. Helaas ondersteund IE dit niet, maar aangezien IE die waarde doorgeeft in document.body.offetHeight (wat dus fout is) kan het toch op deze manier (getest in FF en IE):
Wat je nodig hebt is window.innerHeight en window.innerWidth. Helaas ondersteund IE dit niet, maar aangezien IE die waarde doorgeeft in document.body.offetHeight (wat dus fout is) kan het toch op deze manier (getest in FF en IE):
Code:
<!doctype html public '-//w3c//dtd html 4.01 transitional//en'>
<html>
<head>
</head>
<body>
<script type="text/javascript">
function toonafmetingen()
{
var h = window.innerHeight ? window.innerHeight : document.body.offsetHeight;
var w = window.innerWidth ? window.innerWidth : document.body.offsetWidth;
alert("Hoogte: "+h+"\nBreedte: "+w);
}
</script>
<input type="button" value="toon afmetingen" onclick="toonafmetingen();">
</body>
</html>Glest
Gebruiker
- Lid geworden
- 6 sep 2007
- Berichten
- 688
Het W3C is er om ons erop te wijzen dat Internet Explorer zich compleet fout gedraagt 
Overigens zijn er geen regels voor window.innerHeight. Het komt niet voor in de DOM specificaties van het W3C, dus hier valt IE alleen te verwijten dat ze niet de meest logische oplossing hebben gekozen.
element.offsetHeight is ook geen onderdeel van de W3C specificaties. Vanuit het W3C standpunt gezien is het ook niet nodig aangezien alles door CSS wordt bepaald, en daar is de grootte van een element wel gedefinieerd. Maar helaas klopt de waarde vaak om verschillende redenen niet met de werkelijkheid. Daarnaast kun je in Firefox en IE alleen de waarde van een CSS attribuut lezen als het expliciet met javascript of het style attribuut van het element is gedefinieerd. Als het bijvoorbeeld via een extern CSS bestand geregeld is kun je de waarde niet lezen via de DOM.
Het zijn dus allemaal manieren om er toch nog het beste van te maken, maar het is geen onderdeel van de W3C DOM.
Overigens zijn er geen regels voor window.innerHeight. Het komt niet voor in de DOM specificaties van het W3C, dus hier valt IE alleen te verwijten dat ze niet de meest logische oplossing hebben gekozen.
element.offsetHeight is ook geen onderdeel van de W3C specificaties. Vanuit het W3C standpunt gezien is het ook niet nodig aangezien alles door CSS wordt bepaald, en daar is de grootte van een element wel gedefinieerd. Maar helaas klopt de waarde vaak om verschillende redenen niet met de werkelijkheid. Daarnaast kun je in Firefox en IE alleen de waarde van een CSS attribuut lezen als het expliciet met javascript of het style attribuut van het element is gedefinieerd. Als het bijvoorbeeld via een extern CSS bestand geregeld is kun je de waarde niet lezen via de DOM.
Het zijn dus allemaal manieren om er toch nog het beste van te maken, maar het is geen onderdeel van de W3C DOM.
Laatst bewerkt:
NielsDesmet
Gebruiker
- Lid geworden
- 19 mei 2008
- Berichten
- 301
Dat zal niet lukken. Javascript is een client-side script... :/
Wat je wél kan proberen, is je script compressen op http://www.javascriptcompressor.com. Dat maakt dat de user het script wel nog kan zien, maar het is praktisch onleesbaar geworden =))
- Status
