aboutsummaryrefslogtreecommitdiff
path: root/assets/js/fullscreen.js
diff options
context:
space:
mode:
authorZach Berwaldt <zberwaldt@tutamail.com>2023-10-03 23:44:31 -0400
committerZach Berwaldt <zberwaldt@tutamail.com>2023-10-03 23:44:31 -0400
commit93a4ba55f2159e69aa1fcdaa1cf87c09e7455017 (patch)
tree1d5ccef993cfa21b1aaf0f4c28dd9994e111cbc3 /assets/js/fullscreen.js
parent81200fa6a598557f36593c950d7a63c52aa0b22f (diff)
add changelog, assets, new partial
Diffstat (limited to 'assets/js/fullscreen.js')
-rw-r--r--assets/js/fullscreen.js30
1 files changed, 30 insertions, 0 deletions
diff --git a/assets/js/fullscreen.js b/assets/js/fullscreen.js
new file mode 100644
index 0000000..e191854
--- /dev/null
+++ b/assets/js/fullscreen.js
@@ -0,0 +1,30 @@
1// get with web apis #fullscren element and on click toggle fullscreen
2const fullscreen = document.getElementById('fullscreen');
3const elem = document.documentElement;
4fullscreen.addEventListener('click', () => {
5 if (document.fullscreenElement) {
6 closeFullscreen();
7 } else {
8 openFullscreen();
9 }
10});
11
12function openFullscreen() {
13 if (elem.requestFullscreen) {
14 elem.requestFullscreen();
15 } else if (elem.webkitRequestFullscreen) { /* Safari */
16 elem.webkitRequestFullscreen();
17 } else if (elem.msRequestFullscreen) { /* IE11 */
18 elem.msRequestFullscreen();
19 }
20}
21
22function closeFullscreen() {
23 if (document.exitFullscreen) {
24 document.exitFullscreen();
25 } else if (document.webkitExitFullscreen) { /* Safari */
26 document.webkitExitFullscreen();
27 } else if (document.msExitFullscreen) { /* IE11 */
28 document.msExitFullscreen();
29 }
30} \ No newline at end of file