Guest User

Untitled

a guest
May 21st, 2018
88
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.93 KB | None | 0 0
  1. ## first, your page's body tag needs to have this
  2. <body onkeypress="focusLink(event);">
  3.  
  4. ## this goes in application.js
  5. var i = 1;
  6. var key;
  7. var container = "test";
  8.  
  9. function focusLink(event) {
  10. key = event.keyCode || event.which;
  11.  
  12. if(key == 37) { focusPrevious(container); }
  13. if(key == 39) { focusNext(container); }
  14. }
  15.  
  16. function focusPrevious(container) {
  17. links = document.getElementById(container).childNodes;
  18. try {
  19. if(links[i-2]) {
  20. i = i-2;
  21. links[i].focus();
  22. }
  23. } catch(NS_ERROR_DOM_INDEX_SIZE_ERR) {
  24. links[1].focus();
  25. }
  26. }
  27.  
  28. function focusNext(container) {
  29. links = document.getElementById(container).childNodes;
  30. try {
  31. if(links[i+2]) {
  32. i = i+2;
  33. links[i].focus();
  34. }
  35. } catch(NS_ERROR_DOM_INDEX_SIZE_ERR) {
  36. links[links.length-1].focus();
  37. }
  38. }
  39.  
  40. ## this is the example of the links I used
  41.  
  42. <div id="test">
  43. <a href="foo">foo</a>
  44. <a href="bar">bar</a>
  45. <a href="baz">baz</a>
  46. </div>
Add Comment
Please, Sign In to add comment