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

Window Dimensions

Avatar of Joerg-Alexander StoehrJoerg-Alexander Stoehr - 28. Mai 2016 - Typo3 at xanders

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)