Javascript & Table Grid

[JamesBowen]

I have a table of 5 columns and x number of Rows. Each Cell has a Input field. So that the table look like a Excel Spreadsheet.

Now when cursor is in any of the cells I want navigate/move by using the keyboard's up/down left/right key to the relevant cell.

I have found a very good Javascript example on the net, but this only works for IE. I am needing something that is cross browser compatible.

Any takers?

http://www.codeproject.com/KB/webforms/Datagrid_with_navigation.aspx

P.S. I know very little about Javascript.

 

[yoachan]

hi there,
try to use this to replace your event.keyCode

var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;

then use the variable keyCode to replace event.keyCode.

 

[webguy]

Hi,

I posted earlier about my use of jquery with webspeed. There are some great grid plugins for jquery that would probably be pretty easy to implement.

jquery sheet
http://jqueryplugins.weebly.com/

Grids:
flexgrid
http://webplicity.net/flexigrid/

jquery grid
http://www.trirand.com/blog/?p=13

Ingrid
http://reconstrukt.com/ingrid/

Misc:
Table sort from html table
http://www.jdempster.com/?s=tablesort

csv to table
http://plugins.jquery.com/project/csv2table

There are others but these come to mind. Jquery is really simple to implement its just javascript library so you can easily use it with webspeed. Mootools is another great javascript library. I have used jquery extensively to implement AJAX across my webspeed apps with ease.