Window Dimensions
- 28. Mai 2016 - Typo3 at xandersZur 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"); } }