Changeset 66

Timestamp:

Oct 16, 2006, 10:55:12 PM (14 years ago)

Author:

Matthew Westcott

Message:

Split postcode input into two parts, with JS to hop between them

Location:

trunk/npemap.org.uk/static/tiles

Files:

• map.html (modified) (1 diff)
• mapTiles.js (modified) (1 diff)

trunk/npemap.org.uk/static/tiles/map.html

@@ -58 +58 @@
     <input type="hidden" id="returnX" name="returnX" />
     <input type="hidden" id="returnY" name="returnY" />
-    <div><input type="text" name="postcode" id="postcode" /></div>
+    <div>
+      <input type="text" name="postcode1" id="postcode1" size="4" />
+      <input type="text" name="postcode2" id="postcode2" size="3" />
+    </div>
     <div><input type="submit" value="submit" /></div>
   </form>

trunk/npemap.org.uk/static/tiles/mapTiles.js

@@ -86 +86 @@
                                 document.getElementById('returnY').value = offsetGridY;
 
-                                document.getElementById('postcode').value = "";
-                                document.getElementById('postcode').focus();
+                                document.getElementById('postcode1').value = "";
+                                document.getElementById('postcode2').value = "";
+                                document.getElementById('postcode1').focus();
+                        }
+                }
+                document.getElementById('postcode1').onkeypress = function(e) {
+                        var key = String.fromCharCode(window.event ? window.event.keyCode : e.which);
+                        if (key == ' ') {
+                                document.getElementById('postcode2').focus();
+                                return false;
+                        } else if (key >= '0' && key <= '9' && this.value.length == 3) {
+                                document.getElementById('postcode2').focus();
                         }
                 }