Popup dynamisch in Höhe anpassen

Jürgen · 03.10.2003, 13:12

Hallo,

ich suche eine Möglichkeit, ein Popupfenster entsprechend der Höhe des Inhalts anzupassen. Der Inhalt besteht aus einer gewöhnlichen Layouttabelle mit Texten und Bildern. Nachdem man ja meines Wissens mit JS den <body>-Bereich nicht in seiner Höhe auslesen kann, weiß ich nicht, wie ich das am besten bewerkstellige.

Einzige Möglichkeit, die mir selbst gekommen ist: ich plaziere irgendwo eine Grafik mit 100 % Höhe, lese diese durch ihre id aus und passe demensprechend per onLoad mittels resizeTo() die Fenstergröße an.

Kennt jemand etwas eleganteres?

Gruß, Jürgen

-XasS- · 03.10.2003, 14:45

Also, wenn du weißt, wie groß das Fenster werden soll, würde ich das so regeln:

<html>
<head>
<script language="JavaScript"></script>
<body>
<a href="javascript:fernsteuerung()">Fernsteuerung öffnen</a>
</body>
</html>

Ansonsten würde ich vielleicht eher den Inhalt dem Fenster anpassen.

Jürgen · 03.10.2003, 15:13

Ist mir schon klar, wie ich ein Popup mit einer bestimmten Größe erzeuge...

Aber natürlich weiß ich nicht, wie groß das Fenster werden soll. Der Inhalt wird aus einer Datenbank ausgelesen und mit PHP erzeugt - deshalb brauche ich ja die dynamische Anpassung der Höhe - die Breite ist immer gleich.

-XasS- · 03.10.2003, 15:22

hmm...
da kann ich nur sagen: Weiterforschen oder resizeTo()
;-)

Jürgen · 03.10.2003, 20:11

resizeTo() brauche ich auf jeden Fall

. Die Frage ist, wo ich die Höhe des Dokuments herbekomme...

AnnaStesia · 05.10.2003, 22:46

Hallo Jürgen,

probier es doch mal mit document.body.scrollHeight für IE bzw. document.height für Netscape, damit solltest Du die Länge Deines bodies eventuell auslesen können, hab es jetzt aber nicht getestet.

Liebe Grüße, AnnaStesia

Karsten Müller · 06.10.2003, 00:36

Guten Tag.

Ich würde zumindest bei aktuellen Browsern folgendes verwenden.

Code:

<html>
<head>
<script type="text/javascript">
<!--
function holeHoehe() {
 alert(document.getElementsByTagName("div")[0].offsetHeight);
}
//-->
</script>
</head>

<body onLoad="holeHoehe()">
<div>123456</div>
</body>
</html>

Vielleicht hilft das weiter.

Beste Grüße . . . Karsten

Jürgen · 06.10.2003, 00:41

Vielen Dank, AnnaStesia!

ist mein Thread noch nicht ganz in der Versenkung verschwunden.

Auf deine Lösung bin ich gar nicht gekommen... auch gut. Ich habe jetzt noch eine Lösung auf Basis des DOM gefunden, und zwar:

Ganz unten im Dokument kommt ein leerer div-Container rein mit einer id:

PHP-Code:


			
<div id="rand_unten"></div>

Dann ein JS, das das Fenster anpasst:

PHP-Code:


			
function fenster_anpassen() {

    if (document.getElementById) {

        var hoehe = document.getElementById("rand_unten").offsetTop + 36;

        if (hoehe > 500) {

            hoehe = 500;

            window.resizeTo(440, hoehe);

        } else {

            window.resizeTo(423, hoehe);

        }

    }

}

Und im Body-Tag der Aufruf der Funktion bei OnLoad:

PHP-Code:


			
<body onLoad="fenster_anpassen();">

Geht in allen DOM-fähigen Browsern. Wär interessant, was deine Lösung im Mozilla bewirkt, weil ja das ScrollHeight MS-spezifisch ist und meines Wissens keinem Standard entspricht.

Liebe Grüße,
Jürgen

Jürgen · 06.10.2003, 00:46

Zitat:

Original geschrieben von Karsten Müller
document.getElementsByTagName("div")[0].offsetHeight

Auch nicht dumm... ich habe die offsetHeight mit dem body-Tag ausprobiert, ging aber nicht, weil er da auch nur die sichtbare Fensterhöhe ausgibt. Gibts doch einige Lösungen... danke!

Popup dynamisch in Höhe anpassen

Joa... äähhhmmm.