From baebb8f5b6b325c03ff2a97d7ef3d1a16f1aed0a Mon Sep 17 00:00:00 2001 From: Syndamia Date: Sat, 21 Dec 2024 14:50:54 +0200 Subject: referat(WT): Implement image clicking --- .../referat/javascript/figure-click.js | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) create mode 100644 Year 4/Web technologies/referat/javascript/figure-click.js (limited to 'Year 4/Web technologies/referat/javascript') diff --git a/Year 4/Web technologies/referat/javascript/figure-click.js b/Year 4/Web technologies/referat/javascript/figure-click.js new file mode 100644 index 0000000..a525787 --- /dev/null +++ b/Year 4/Web technologies/referat/javascript/figure-click.js @@ -0,0 +1,19 @@ +const full_screen_backing = document.getElementById('full-screen-backing'); + +for (figure of document.getElementsByTagName('figure')) { + figure.addEventListener('click', function(event) { + if (document.getSelection().type === 'Range') { + return; + } + + event.currentTarget.classList.toggle('full-screen'); + + document.body.classList.toggle('no-overflow'); + document.documentElement.classList.toggle('no-overflow'); + document.body.classList.toggle('no-selection'); + + event.currentTarget.style.top = 'calc(' + window.scrollY + 'px + 50%)'; + full_screen_backing.style.top = window.scrollY + 'px'; + full_screen_backing.classList.toggle('none'); + }); +} -- cgit v1.3.1-26-gb76a