keys.js

   1 function setmode(classname) {
   2         // set style for each #rows>li>ul>li to display:none unless it matches classname
   3         var showclass = classname ? '^mode '+classname+'(?!\\w)' : '^(?!mode)';
   4         var rows = document.getElementById('rows').getElementsByTagName('TR');
   5         for (var i = 0; i < rows.length; i++) {
   6                 var el = rows[i];
   7                 el.style.display = el.className.match(showclass) ? 'block' : 'none';
   8         }
   9
  10         // update H2 to reflect the first part of a currently active (but hidden) row header
  11         var h3s = document.getElementsByTagName('TH');
  12         for (var i = 0; i < h3s.length; i++) {
  13                 if (h3s[i].parentNode.style.display != 'block') continue;
  14                 var header = h3s[i].firstChild.data;
  15                 document.getElementsByTagName('H2')[0].innerHTML = header;
  16                 break;
  17         }
  18 }
  19
  20 var keyfocus = undefined;
  21 document.onkeypress = function(e) {
  22         var keylabels = document.getElementById('rows').getElementsByTagName('B');
  23         var keys = {};
  24         for (var i = 0; i < keylabels.length; i++) {
  25                 keys[keylabels[i].innerHTML] = keylabels[i].parentNode;
  26         }
  27         var input = e.charCode || e.keyCode;
  28
  29         // find key element matching input
  30         for (var i = 0; i < keylabels.length; i++) {
  31                 var key = keylabels[i].parentNode;
  32                 if (!key.onclick) continue; // link
  33                 var keychar = key.className.match(/ chr(\d+)$/);
  34                 if (!keychar) continue; // has code
  35                 keychar = keychar[1];
  36                 if (keychar != input) continue; // matches code
  37
  38                 // match mode (visibility)
  39                 var row = key.parentNode;
  40                 var shown = row.style.display != 'none';
  41                 if (!shown) continue;
  42
  43                 // match key modifiers
  44                 var keymod = row.className;
  45                 if ((keymod.search(/\bctrl\b/) != -1) != e.ctrlKey) continue;
  46                 if ((keymod.search(/\bmeta\b/) != -1) != e.altKey) continue;
  47
  48                 // select
  49                 if (keyfocus) keyfocus.style.outline = '';
  50                 key.style.outline = '1px solid red';
  51                 keyfocus = key;
  52                 if (key.onclick) key.onclick();
  53                 return false;
  54         }
  55 }