Moving an input field over table cells

Just click into a table cell, then use TAB, SHIFT-TAB, UP-ARROW or DOWN-ARROW to move the input field.

The logic ; please have a look at the source code of this page

When we now click inside any table cell the inner HTML of that cell is replaced by an input field with the current cell content as a value. This is done inside the onclick call back cellEdit() for the table.

This input field will have a callback for the onkeydown event , jump.updown ; Inside jump.updown the keycode for the TAB, Shift-TAB and RETURN key will be handled. If TAB or RETURn is detected a mouse click for the next cell is fired, for SHIFT-TAB a mouse click for the previus cell is fired.