diff options
Diffstat (limited to 'content/post/2008-10-11-tabbing-through-fields-vertically.markdown')
| -rw-r--r-- | content/post/2008-10-11-tabbing-through-fields-vertically.markdown | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/content/post/2008-10-11-tabbing-through-fields-vertically.markdown b/content/post/2008-10-11-tabbing-through-fields-vertically.markdown new file mode 100644 index 0000000..639cbb3 --- /dev/null +++ b/content/post/2008-10-11-tabbing-through-fields-vertically.markdown @@ -0,0 +1,26 @@ +--- +layout: post +title: "Tabbing through fields vertically" +date: 2008-10-11T01:54:00Z +comments: false +permalink: /post/54058512/tabbing-through-fields-vertically +categories: +--- + + + +Sometimes it’s useful to switch the browser’s default tabbing behavior (left to right) to the opposite (top to bottom) when your input fields are in a grid layout instead the of the usual single column layout. Having to do this manually is a real pain, especially for large grids; So here is a solution in javascript, using mootools: + +```javascript +window.addEvent('domready', function(){ + var trs = $$('#mytable tr') + var accum = 0 + trs.each(function(tr, trindex){ + accum = trindex + 1 + tr.getChildren().each(function(td, tdindex){ + td.getChildren('input')[0].tabIndex = accum + accum = accum + trs.length + }) + }) +}) +``` |