Witam
Cytat
Kod
<html>
<head>
<script type="text/javascript">
function wymiary_okna(){
wys = document.all.wymiary.style.pixelTop; // wysokosc obszaru roboczego okna
szer = document.all.wymiary.style.pixelLeft; // szerokosc
}
</script>
</head>
<body onload="wymiary_okna();">
<a style="position: absolute; top: 100%; left: 100%;" id="wymiary">
</a>
</body>
</html>
Powyzsza metoda jest po 1 obslugiwana TYLKO przez IE a po 2 troche bez sensu...(wstawianie obiektu i wg niego obliczanie wys i szer ?!?)
Wg specyfikacji za szerokosc i wysokosc okna roboczego odpowiadaja innerWidth i innerHeight - ktorych niestety IE nie rozumie.
Ponizszy "trick" zadziala w kazdej przegladarce:
[xml:1:c20420e142]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
//<![CDATA[
d=document;
if (typeof window.innerWidth!='undefined') {
var winWidth = window.innerWidth;
var winHeight = window.innerHeight;
} else {
if (d.documentElement && typeof d.documentElement.clientWidth!='undefined' && d.documentElement.clientWidth!=0) {
var winWidth = d.documentElement.clientWidth
var winHeight = d.documentElement.clientHeight
} else {
if (d.body && typeof d.body.clientWidth!='undefined') {
var winWidth = d.body.clientWidth
var winHeight = d.body.clientHeight
}
}
}
//]]>
</script>
</head>
<body>
</body>
</html>[/xml:1:c20420e142]
wysokosc okna to: winHeight a szerokosc to: winWidth.
Pozdrawiam