Ergebnis 1 bis 3 von 3
  1. #1
    MrEnny75 ist offline Grünschnabel
    registriert
    29-08-2007
    Beiträge
    2

    div-Element bei Änderung der Fenstergröße dynamisch anpassen

    Hallo,

    ich lasse beim Laden der Seite mittels JavaScript die aktuelle Fensterhöhe ermitteln um ein <div> am unteren Rand des sichtbaren Bereiches zu platzieren. Das klappt soweit auch ganz wunderbar.

    HTML-Code:
    <html>
    <head>
    <script language="JavaScript">
    function Fensterhoehe()
    {
    if (window.innerHeight) return window.innerHeight;
    else if (document.body && document.body.offsetHeight) return document.getElementsByTagName('html')[0].offsetHeight;
    }
    </script>
    <style>
    * { margin: 0; padding: 0; }
    #haupt { width:100%; height:200px; overflow:auto; }
    #haupt td { font-family:Arial; font-size:11px; color:#000000; }
    #frame { width:100%; height:25px; }
    #frame td { font-family:Arial; font-size:11px; color:#000000; line-height:25px; }
    </style>
    </head>
    <body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" scroll="no">
    <div id="haupt">
    <table bgcolor="#FF0000">
    <tr>
    <td height="800">
    TEST
    </td>
    </tr>
    </table>
    </div>
    <div id="frame">
     <table width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFF00">
      <tr>
       <td>TEST</td>
      </tr>
     </table>
    </div>
    <script language="JavaScript">
    var hoehe = Fensterhoehe()-25;
    document.getElementById("haupt").style.height = hoehe + 'px';
    </script>  
    </body>
    </html>
    So, nun zu meinem Problem. Wenn der Betrachter nun die Fenstergröße ändert, möchte ich in "Echtzeit" die neue Fenstergröße ermitteln um das Element wieder unten zu platzieren.

    Ich habe schon in diversen Foren gesucht, bin aber irgendwie nicht fündig geworden.

    Wenn jemand eine Idee hat und diese dann hier zum Besten geben würde wäre ich sehr dankbar.

    Gruß
    Enrico

  2. #2
    ein schlauer ist offline Lounge-Member
    registriert
    18-08-2004
    Beiträge
    14.671

    AW: div-Element bei Änderung der Fenstergröße dynamisch anpassen

    das language Attribut ist seit 1998 mißbilligt wo hast du das gefunden?

    Dein Problem läßt sich einfach lösen, in dem du die Berechung und Positionierung onresize nochmal durchführst
    PHP-Code:
    <script type="text/javascript">
    window.onresize = function() {
    var 
    hoehe Fensterhoehe()-25;
    document.getElementById("haupt").style.height hoehe 'px';
    }
    </script> 

  3. #3
    MrEnny75 ist offline Grünschnabel
    registriert
    29-08-2007
    Beiträge
    2

    AW: div-Element bei Änderung der Fenstergröße dynamisch anpassen

    Zitat Zitat von ein schlauer Beitrag anzeigen
    das language Attribut ist seit 1998 mißbilligt wo hast du das gefunden?
    Weiß nicht so genau. Hat sich bisher noch nie jemand dran gestört. Aber danke für den Hinweis. Werde demnächst darauf achten.

    Zitat Zitat von ein schlauer Beitrag anzeigen
    Dein Problem läßt sich einfach lösen, in dem du die Berechung und Positionierung onresize nochmal durchführst

    PHP-Code:
    <script type="text/javascript">
    window.onresize = function() {
    var 
    hoehe Fensterhoehe()-25;
    document.getElementById("haupt").style.height hoehe 'px';
    }
    </script> 
    klappt super. Besten Dank!

    Gruß
    Enrico

Ähnliche Themen

  1. Antworten: 3
    Letzter Beitrag: 13-07-2007, 16:21
  2. Antworten: 5
    Letzter Beitrag: 08-10-2006, 22:24
  3. script das div id ändert ?
    Von darkstar im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 22-08-2006, 12:02
  4. div element elegant auf knopfdruck vergrößern
    Von atvatar im Forum JavaScript
    Antworten: 6
    Letzter Beitrag: 06-08-2006, 14:23
  5. Grafik dynamisch anpassen
    Von gerix im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 25-09-2005, 10:25

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •