Tutorials/WebTutorials
1
0
Fork 0
mirror of https://bitbucket.org/Mattrixwv/webtutorials.git synced 2025-12-06 18:34:01 -05:00
Code Issues Packages Projects Releases Wiki Activity

Added note of function to make element fill rest of screen

Browse Source
This commit is contained in:
Mattrixwv
2020-11-20 15:59:30 -05:00
parent 43000febb9
commit 5055af0c7e
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
HelloWorld.html
View File

@@ -27,6 +27,14 @@
resizeString += "Inner Dimentions: " + window.innerWidth + "x" + window.innerHeight + "<br>"; resizeString += "Inner Dimentions: " + window.innerWidth + "x" + window.innerHeight + "<br>";
resizeString += "Outer Dimentions: " + window.outerWidth + "x" + window.outerHeight; resizeString += "Outer Dimentions: " + window.outerWidth + "x" + window.outerHeight;
document.getElementById("testID").innerHTML = resizeString; document.getElementById("testID").innerHTML = resizeString;
//To reisize an element to take up the rest of the screen use this
/*
let mainContent = document.getElementById("mainContent");
let footer = document.getElementById("mainFooter");
let height = window.innerHeight - mainContent.offsetTop - footer.offsetHeight;
mainContent.style = "height: " + height + "px";
*/
} }
//This function demonstrates a method to change the number of digits a number displays when printed //This function demonstrates a method to change the number of digits a number displays when printed