Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- ## first, your page's body tag needs to have this
- <body onkeypress="focusLink(event);">
- ## this goes in application.js
- var i = 1;
- var key;
- var container = "test";
- function focusLink(event) {
- key = event.keyCode || event.which;
- if(key == 37) { focusPrevious(container); }
- if(key == 39) { focusNext(container); }
- }
- function focusPrevious(container) {
- links = document.getElementById(container).childNodes;
- try {
- if(links[i-2]) {
- i = i-2;
- links[i].focus();
- }
- } catch(NS_ERROR_DOM_INDEX_SIZE_ERR) {
- links[1].focus();
- }
- }
- function focusNext(container) {
- links = document.getElementById(container).childNodes;
- try {
- if(links[i+2]) {
- i = i+2;
- links[i].focus();
- }
- } catch(NS_ERROR_DOM_INDEX_SIZE_ERR) {
- links[links.length-1].focus();
- }
- }
- ## this is the example of the links I used
- <div id="test">
- <a href="foo">foo</a>
- <a href="bar">bar</a>
- <a href="baz">baz</a>
- </div>
Add Comment
Please, Sign In to add comment