Changing a key press??

Question

Hi
I know its possible to pick up what key a user had pressed what I want to do is change that key.
tabular form which when the user uses the tab button it shifts to the next textbox.
Instead I want them to be able to press the right arrow button and it would then move to the next textbox (similar sort of function as navigating around cells in excel) or press enter and it shifts to next textbox or left arrow to move the the previous textbox.
Any suggestions appreciated.

Answer 1

I think this is the code that will add arrow key navigation to tabular forms.
  window.onload=function () {
    var text=document.getElementsByTagName('input');
    for (var j=0;j<text.length;j++) {
      var ip=text[j];
      if (ip.type=="text") {
        ip.onkeyup=function (e) {
          if (window.event) {       
            var key = window.event.keyCode;
          } else {
            var key = e.keyCode;
          var td=html_CascadeUpTill(this,'TD');
          var tr=html_CascadeUpTill(this,'TR');
          var rowno=tr.lastChild.getElementsByTagName('input')[1].value;
          var colno=td.cellIndex + 1;
          if (key == 40 || key == 38) {
            var l_next_row=key==40?tr.nextSibling:tr.previousSibling;
            var l_next_row_column=l_next_row.getElementsByTagName('td')[colno - 1];
            l_next_row_column.getElementsByTagName('input')[0].focus();
            if (key == 37) {
            var l_next_row_column=tr.getElementsByTagName('td')[colno - 2];
            l_next_row_column.getElementsByTagName('input')[0].focus();
            if (key == 39) {
            var l_next_row_column=tr.getElementsByTagName('td')[colno];
            l_next_row_column.getElementsByTagName('input')[0].focus();
  } ;You might need to be more selective if you have other text input fields on your page.
Doug