Probleme mit availHeight und availWidth

[tobee]

Hallo,

wenn ich mein Fenster auf Maximum (kein Fullscreen) kommt bei availHeight 740 und availWidth 1024.
Aber wenn ich das Fenster minimier bekomme ich die gleichen Werte.
Ich dachte immer er gibt mir die z.Z. verfügbare Breite und Höhe aus?
Oder nicht?


Tobee

 

[Sven Mintel]

Sofern du die Bildschirmauflösung nicht änderst, oder bspw. irgendwelche Leisten auf dem Desktop änderst, bleiben diese Werte immer gleich... sie geben nämlich die verfügbaren Werte für den Bildschirm wieder, nicht für das Fenster.

Um den verfügbaren Platz im Fenster zu ermitteln, verwende

//IE, erst nach dem Laden der Seite verfügbar
document.body.offsetWidth
document.body.offsetHeight

//andere Browser
window.innerWidth
window.innerHeight

 

[Gumbo]

Die availWidth- beziehungsweise availHeight-Eigenschaft gibt nur die verfügbaren Größe des Bildschirms wieder und nicht die des Fensters oder der Darstellungsfläche.
Letztere Informationen steckt in der innerWidth- und innerHeight-Eigenschaft.

 

[tobee]

Wenn ich es ausgebe:

alert(window.innerHeight);
alert(window.innerWidth);

kommt undefined raus.
Und so geht es auch nicht:

alert(document.body.innerHeight);
alert(document.body.innerWidth);

Oder was mache ich falsch?

Tobee

 

[mAu]

      alert(document.body.offsetHeight);
      alert(document.body.offsetWidth);

Aber nur im IE, wie bereits erwähnt, warum window.innerHeight und Width undefined ausgibt, kann ich dir nicht sagen...

 

[tobee]

Und im FF und Opera dann so:?

alert(document.body.innerHeight);
alert(document.body.innerWidth);

Tobee


//edit

      alert(document.body.offsetHeight);
      alert(document.body.offsetWidth);

Aber nur im IE, wie bereits erwähnt, warum window.innerHeight und Width undefined ausgibt, kann ich dir nicht sagen...

Danke funktioniert wunderbar.
Aber so kann ich es nur abfragen. Und wie kann ich es definieren.
Was bei selfHTML steht funkioniert bei mir nicht

Tobee

 

[Sven Mintel]

Probiers so:

<script type="text/javascript">
<!--
window.onload=function()
{
  if(window.innerWidth)
    {
      alert(window.innerWidth+'x'+window.innerHeight)
    }
  else
    {
      alert(document.body.offsetWidth+'x'+document.body.offsetHeight)
    }
}
//-->
</script>