diff options
| author | Zach Berwaldt <zberwaldt@tutamail.com> | 2023-10-03 23:44:31 -0400 |
|---|---|---|
| committer | Zach Berwaldt <zberwaldt@tutamail.com> | 2023-10-03 23:44:31 -0400 |
| commit | 93a4ba55f2159e69aa1fcdaa1cf87c09e7455017 (patch) | |
| tree | 1d5ccef993cfa21b1aaf0f4c28dd9994e111cbc3 /assets/js | |
| parent | 81200fa6a598557f36593c950d7a63c52aa0b22f (diff) | |
add changelog, assets, new partial
Diffstat (limited to 'assets/js')
| -rw-r--r-- | assets/js/fullscreen.js | 30 |
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 | ||
| 2 | const fullscreen = document.getElementById('fullscreen'); | ||
| 3 | const elem = document.documentElement; | ||
| 4 | fullscreen.addEventListener('click', () => { | ||
| 5 | if (document.fullscreenElement) { | ||
| 6 | closeFullscreen(); | ||
| 7 | } else { | ||
| 8 | openFullscreen(); | ||
| 9 | } | ||
| 10 | }); | ||
| 11 | |||
| 12 | function 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 | |||
| 22 | function 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 | ||
