bmstu-mt-wp/scripts/script.js

75 lines
1.7 KiB
JavaScript
Executable File

var url = document.location,
domSlides = document.querySelectorAll('section.slide'),
slides = [], backhash = {},
linkScreen = document.querySelector('link[title=screen]'),
linkProjection = document.querySelector('link[title=projection]'),
fullscreen = false;
for(var i = 0, iLength = domSlides.length; i < iLength; i++) {
var id = domSlides[i].id;
slides[i] = '#' + id;
backhash['#' + id] = i;
}
function enterFull() {
fullscreen = true;
updateView();
}
function exitFull() {
fullscreen = false;
updateView();
}
function toggleFull() {
if( window.fullScreen || // Firefox
document.webkitFullScreen || // Webkit
screen.width == window.outerWidth && screen.height == window.outerHeight ) {
enterFull();
} else {
exitFull();
}
}
function turnSlide(e) {
if(!fullscreen) return;
var current = backhash[url.hash],
target,
command;
switch(e.which) {
case 33 : // PgUp
case 38 : // Up
case 37 : // Left
current--;
break;
case 34 : // PgDown
case 40 : // Down
case 39 : // Right
current++;
break;
case 32 : // Space
current += e.shiftKey ? -1 : 1;
break;
default:
return;
}
target = slides[current];
e.preventDefault();
if(target) url.hash = target;
}
function updateView() {
linkScreen.disabled = fullscreen;
linkProjection.disabled = !fullscreen;
if(fullscreen && !backhash[url.hash]) url.hash = slides[0];
}
domSlides[0].addEventListener('click', enterFull, false);
window.addEventListener('DOMContentLoaded', toggleFull, false);
window.addEventListener('resize', toggleFull, false);
document.addEventListener('keyup', turnSlide, false);
document.addEventListener('keyup', function(e) {
if(e.which == 27) exitFull();
}, false);