From f24f2d15275961f1c0144e68fde75a60aeaaa165 Mon Sep 17 00:00:00 2001
From: Julio Capote <jcapote@gmail.com>
Date: Mon, 23 Jan 2023 22:20:47 -0500
Subject: move to bear theme

---
 ...0-11-tabbing-through-fields-vertically.markdown | 27 ++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 content/blog/2008-10-11-tabbing-through-fields-vertically.markdown

(limited to 'content/blog/2008-10-11-tabbing-through-fields-vertically.markdown')

diff --git a/content/blog/2008-10-11-tabbing-through-fields-vertically.markdown b/content/blog/2008-10-11-tabbing-through-fields-vertically.markdown
new file mode 100644
index 0000000..c27c10b
--- /dev/null
+++ b/content/blog/2008-10-11-tabbing-through-fields-vertically.markdown
@@ -0,0 +1,27 @@
+---
+title: "Tabbing through fields vertically"
+date: 2008-10-11T01:54:00Z
+comments: false
+url: /post/54058512/tabbing-through-fields-vertically
+tags:
+---
+
+
+
+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:
+
+<!--more-->
+
+```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
+        })
+    })
+})
+```
-- 
cgit v1.2.3