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 '
|
echo '
|
||||||
</div>';
|
</div>
|
||||||
|
<script type="text/javascript" src="', BASEURL, '/js/albumnav.js"></script>';
|
||||||
}
|
}
|
||||||
|
|
||||||
protected function header($photos)
|
protected function header($photos)
|
||||||
|
Loading…
Reference in New Issue
Block a user