Wir bloggen zu vielen Themen rund um Typo3 und Java/J2EE

Zur Visualisierung der Bildschirminformationen wurde eine Funktion implementiert, die die aktuelle Höhe, Breite und Orientierung (Portrait oder Landscape) des Bildschirms unterhalb des eigentlichen FOOTER-Bereiches ausgibt.

HTML

<body>
  <footer>
    <div>
      <p><span id="dimensions"></span></p>
    </div>
  </footer>
</body>

JQuery

$(document).ready(function() {
   getWindowDimensions();
}

$(window).resize( function(){
   getWindowDimensions();
});

function getWindowDimensions() {
    var height = $(window).height();
    var width = $(window).width();

    if (width > height) {
        // Landscape
        $("#dimensions").text("H" + height + "W" + width + "L");
    } else {
        // Portrait
        $("#dimensions").text("H" + height + "W" + width + "P");
    }
}

Archiv

2016 (5)

Mai (4)

Januar (1)

2015 (2)

November (1)

Mai (1)

2014 (1)

April (1)

2012 (3)

Mai (3)