keyhandler.js 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. /* vim: set expandtab sw=4 ts=4 sts=4: */
  2. // global var that holds: 0- if ctrl key is not pressed 1- if ctrl key is pressed
  3. var ctrlKeyHistory = 0;
  4. /**
  5. * Allows moving around inputs/select by Ctrl+arrows
  6. *
  7. * @param object event data
  8. */
  9. function onKeyDownArrowsHandler(e)
  10. {
  11. e = e || window.event;
  12. var o = (e.srcElement || e.target);
  13. if (!o) {
  14. return;
  15. }
  16. if (o.tagName != "TEXTAREA" && o.tagName != "INPUT" && o.tagName != "SELECT") {
  17. return;
  18. }
  19. if ((e.which != 17) && (e.which != 37) && (e.which != 38) && (e.which != 39) && (e.which !=40)) {
  20. return;
  21. }
  22. if (!o.id) {
  23. return;
  24. }
  25. if (e.type == "keyup") {
  26. if (e.which==17) {
  27. ctrlKeyHistory = 0;
  28. }
  29. return;
  30. }
  31. else if (e.type == "keydown") {
  32. if (e.which == 17) {
  33. ctrlKeyHistory = 1;
  34. }
  35. }
  36. if (ctrlKeyHistory != 1) {
  37. return;
  38. }
  39. e.preventDefault();
  40. var pos = o.id.split("_");
  41. if (pos[0] != "field" || typeof pos[2] == "undefined") {
  42. return;
  43. }
  44. var x = pos[2], y = pos[1];
  45. var nO = null;
  46. switch (e.keyCode) {
  47. case 38:
  48. // up
  49. y--;
  50. break;
  51. case 40:
  52. // down
  53. y++;
  54. break;
  55. case 37:
  56. // left
  57. x--;
  58. break;
  59. case 39:
  60. // right
  61. x++;
  62. break;
  63. default:
  64. return;
  65. }
  66. var is_firefox = navigator.userAgent.toLowerCase().indexOf("firefox/") > -1;
  67. var id = "field_" + y + "_" + x;
  68. nO = document.getElementById(id);
  69. if (! nO) {
  70. id = "field_" + y + "_" + x + "_0";
  71. nO = document.getElementById(id);
  72. }
  73. // skip non existent fields
  74. if (! nO) {
  75. return;
  76. }
  77. // for firefox select tag
  78. var lvalue = o.selectedIndex;
  79. var nOvalue = nO.selectedIndex;
  80. nO.focus();
  81. if (is_firefox) {
  82. var ffcheck = 0;
  83. var ffversion;
  84. for (ffversion = 3 ; ffversion < 25 ; ffversion++) {
  85. var is_firefox_v_24 = navigator.userAgent.toLowerCase().indexOf('firefox/'+ffversion) > -1;
  86. if (is_firefox_v_24) {
  87. ffcheck = 1;
  88. break;
  89. }
  90. }
  91. if (ffcheck == 1) {
  92. if (e.which == 38 || e.which == 37) {
  93. nOvalue++;
  94. }
  95. else if (e.which == 40 || e.which == 39) {
  96. nOvalue--;
  97. }
  98. nO.selectedIndex=nOvalue;
  99. }
  100. else {
  101. if (e.which == 38 || e.which == 37) {
  102. lvalue++;
  103. }
  104. else if (e.which == 40 || e.which == 39) {
  105. lvalue--;
  106. }
  107. o.selectedIndex=lvalue;
  108. }
  109. }
  110. if (nO.tagName != 'SELECT') {
  111. nO.select();
  112. }
  113. e.returnValue = false;
  114. }
  115. AJAX.registerTeardown('keyhandler.js', function () {
  116. $('#table_columns').die('keydown keyup');
  117. $('table.insertRowTable').die('keydown keyup');
  118. });
  119. AJAX.registerOnload('keyhandler.js', function () {
  120. $('#table_columns').live('keydown keyup', function (event) {
  121. onKeyDownArrowsHandler(event.originalEvent);
  122. });
  123. $('table.insertRowTable').live('keydown keyup', function (event) {
  124. onKeyDownArrowsHandler(event.originalEvent);
  125. });
  126. });