Allow changing album pages by arrow keys.
This commit is contained in:
parent
f86a3ce358
commit
0341f73d09
32
public/js/albumnav.js
Normal file
32
public/js/albumnav.js
Normal 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"));
|
@ -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)
|
||||
|
Loading…
Reference in New Issue
Block a user