Add a page size controller [closed]

Question

Add a page size controller [closed]

Navigation

#1 by (0 votes)

0

I would like to know how I can make this page size controller when resizing it as dynamic in this example of w3schools. I want to add this to my site and I believe it is with JavaScript I can leave this dynamic information clicking and dragging more I could not find anything.

javascript html css

asked by anonymous 08.08.2017 / 21:46

1 answer

How to stop the text cursor from going to the end using $ scope. $ watch? Angularjs Duplication PHP content

score 0 · Accepted Answer

Taken directly from W3schools , the onresize event in the body runs whenever the screen is magnified or decreased by calling the myFunction() which updates the DOM by displaying the width and height of the screen.

<html>
<body onresize="myFunction()">

<p>Try to resize the browser window to display the windows height and width.</p>

<p id="demo"></p>

<p><strong>Note:</strong> this example will not work properly in IE8 and earlier. IE8 and earlier do not support the outerWidth/outerHeight propery of the window object.</p>

<script>

function myFunction() {
    var w = window.outerWidth;
    var h = window.outerHeight;
    var txt = "Window size: width=" + w + ", height=" + h;
    document.getElementById("demo").innerHTML = txt;
}
myFunction();
</script>

</body>
</html>