path: root / Year 4 / Web technologies / referat / javascript / figure-click.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
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');
    });
}