☰

El Goonish Shivve Navigation Improvements

Arrow keys do movement, and clicking the image goes to next comic.

  1. // ==UserScript==
  2. // @name        El Goonish Shivve Navigation Improvements
  3. // @description Arrow keys do movement, and clicking the image goes to next comic.
  4. // @namespace   http://userscripts.org/users/Scuzzball
  5. // @include     http://www.egscomics.com/?date=*
  6. // @version     1.0
  7. // ==/UserScript==
  8.  
  9. if(typeof document.getElementsByClassName("m_comic_nav")[0].childNodes[3].href != "undefined") { //If there is a nav prev
  10.     var navPrev = document.getElementsByClassName("m_comic_nav")[0].childNodes[3].href;
  11. }else{
  12.     var navPrev = "";
  13. }
  14.  
  15.  
  16. if(typeof document.getElementsByClassName("m_comic_nav")[0].childNodes[7].href != "undefined") { //If there is a nav next
  17.     var navNext = document.getElementsByClassName("m_comic_nav")[0].childNodes[7].href;
  18. }else{
  19.     var navNext = "";
  20. }
  21.  
  22.  
  23. document.getElementsByClassName("comic2")[0].innerHTML = "<a href=\"" + navNext + "\">" + document.getElementsByClassName("comic2")[0].innerHTML + "</a>";
  24.  
  25.  
  26. function leftArrowPressed() {
  27.    window.location = navPrev;
  28. }
  29.  
  30. function rightArrowPressed() {
  31.    window.location = navNext;
  32. }
  33.  
  34. document.onkeydown = function(evt) {
  35.     evt = evt || window.event;
  36.     switch (evt.keyCode) {
  37.         case 37:
  38.             leftArrowPressed();
  39.             break;
  40.         case 39:
  41.             rightArrowPressed();
  42.             break;
  43.     }
  44. };