0

Inserted editable table performed using simple combination of table, tr and td tags.

Is it possible to make its cells switchable by clicking tab button, using td tabIndex property (or anything else)?

For now, clicking tab button inside any cell (td) inserts 4 spaces inside it, obviously. Of course, I may listen to keydown or keypress events and then make something like preventDefault() and then play with $('#nextTdId').focus().

It is only thoughts without any practise. It may be that someone had this problem too.

Jay
  • 4,627
  • 1
  • 21
  • 30
Halfist
  • 430
  • 1
  • 9
  • 22
  • I can't reproduce the problem using pure HTML under Firefox 14. Pressing TAB key will move focus to next tab index, instead of inserting 2 spaces. Could you add your HTML in your original post? – Jay Aug 20 '12 at 14:08
  • Could you share your implementation with me, Jay? – Halfist Aug 20 '12 at 14:35
  • Here in [jsfiddle](http://jsfiddle.net/UYVJd/). Note that `CONTENTEDITABLE` attribute isn't applicable for `TD` element. – Jay Aug 20 '12 at 14:49
  • I'm trying to perform new functionality to [this](http://www.garbageburrito.com//blog/entry/1070621/table-editor-for-yuis-rich-text-editor) plug-in. – Halfist Aug 20 '12 at 14:55
  • I'm not familiar with it, sorry. You might want to check if it has some kind of editor settings during its initialization. – Jay Aug 20 '12 at 15:01
  • I've found no special setting for that. – Halfist Aug 20 '12 at 15:25

0 Answers0