Allow changing album pages by arrow keys.

This commit is contained in:
Aaron van Geffen 2016-09-03 21:33:48 +02:00
parent f86a3ce358
commit 0341f73d09
2 changed files with 34 additions and 1 deletions

32
public/js/albumnav.js Normal file
View File

@ -0,0 +1,32 @@
function enableKeyDownNavigation() {
document.addEventListener("keydown", function (event) {
if (event.keyCode == 37) {
var target = document.querySelector(".pagination ul > :first-child a");
if (target && target.href) {
event.preventDefault();
document.location.href = target.href;
}
}
else if (event.keyCode == 39) {
var target = document.querySelector(".pagination ul > :last-child a");
if (target && target.href) {
event.preventDefault();
document.location.href = target.href;
}
}
}, false);
}
function disableKeyDownPropagation(obj) {
for (var x = 0; x < obj.length; x++) {
obj[x].addEventListener("keydown", function (event) {
if (event.keyCode == 37 || event.keyCode == 39) {
event.stopPropagation();
}
});
}
}
enableKeyDownNavigation();
disableKeyDownPropagation(document.getElementsByTagName("textarea"));
disableKeyDownPropagation(document.getElementsByTagName("input"));

View File

@ -53,7 +53,8 @@ class PhotosIndex extends SubTemplate
}
echo '
</div>';
</div>
<script type="text/javascript" src="', BASEURL, '/js/albumnav.js"></script>';
}
protected function header($photos)