☰

APUG.org show image keyboard control

Keyboard navigation for APUG user gallery images.

  1. // ==UserScript==
  2. // @name        APUG.org show image keyboard control
  3. // @namespace   http://oscar.carlsson.photography/
  4. // @description Keyboard navigation for APUG user gallery images.
  5. // @include     http://www.apug.org/gallery1/showimage.php?i=*
  6. // @require     http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js
  7. // @version     1
  8. // @grant       none
  9. // ==/UserScript==
  10. function find_links() {
  11.   links = {};
  12.   
  13.   $('div.smallfont a').each(function (e) {
  14.     if ($(this) [0].textContent === 'Previous Image')
  15.       links.prev = $(this) [0];
  16.  
  17.     if ($(this) [0].textContent === 'Next Image')
  18.       links.next = $(this) [0];
  19.   });
  20.   return links;
  21. }
  22.  
  23. function upwards() {
  24.   var breadcrumbs = $('div#breadcrumb li.navbit'),
  25.       previous = null;
  26.   for (var index = 0; index < breadcrumbs.length; index++) {
  27.     var breadcrumb = breadcrumbs[index],
  28.         classes = breadcrumb.className.split(/\s+/);
  29.     
  30.     if ($.inArray('lastnavbit', classes) === - 1) {
  31.       previous = breadcrumb;
  32.       continue;
  33.     } else {
  34.       // fetch link from the previous element
  35.       var children = $(previous).children();
  36.       for (var idx = 0; idx < children.length; idx++) {
  37.         var child = children[idx],
  38.         url = child.href;
  39.         if (url) window.location.assign(url);
  40.       }
  41.     }
  42.   }
  43. }
  44.  
  45. $(window).keyup(function (e) {
  46.   var key = e.keyCode;
  47.  
  48.   if (key == 39 || key == 37)
  49.     var links = find_links();
  50.  
  51.   if (key == 37) {
  52.     window.location.assign(links.prev.href);
  53.     return;
  54.   }
  55.   if (key == 39) {
  56.     window.location.assign(links.next.href);
  57.     return;
  58.   }
  59.   if (key == 85) { // u
  60.     upwards();
  61.     return;
  62.   }
  63. });