Changeset 42 for trunk/npemap.org.uk

Timestamp:

Oct 15, 2006, 3:40:52 PM (14 years ago)

Author:

David Sheldon

Message:

Actualy send the data to the CGI (not sure about the location), pass in the coordinates to return to.

Improved location of the popup box for entering postcodes.

Location:

trunk/npemap.org.uk/static/tiles

Files:

• map.html (modified) (1 diff)
• postcode.js (modified) (2 diffs)

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

@@ -47 +47 @@
   <div id="marker"></div>
   <div id="postcode_form">
+  <form method="post" action="../../cgi/submit.fcgi">
     <div style="text-align: right;"><a href="javascript:closePostcodeWindow()" title="close">X</a></div>
                 <div><span id="location"></span></div>
     <div><label for="postcode">Enter the postcode...</label></div>
-    <div><input type="text" id="postcode" /></div>
+    <input type="hidden" id="easting" name="easting" />
+    <input type="hidden" id="northing" name="northing" />
+    <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="submit" value="submit" /></div>
+  </form>
   </div>
 

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

@@ -12 +12 @@
       locationElement = document.getElementById('location');
       mapElement.onclick = function(e) {
-        var x = e.pageX - mapContainerElement.offsetLeft;
-        var y = e.pageY - mapContainerElement.offsetTop;
+        var x = e.pageX;
+        var y = e.pageY;
                                 var img = e.target;
                                 var imgPos = YAHOO.util.Dom.getXY(img);
@@ -26 +26 @@
                                 var northing = baseNorthing + ('000' + Math.round((1-(tileY/img.offsetHeight))*1000)).substr(-3)
 
-                                
-        markerElement.style.left = (x-2) + 'px';
-        markerElement.style.top = (y-2) + 'px';
+                                YAHOO.util.Dom.setXY(markerElement, [(x-2), (y-2)]);
         markerElement.style.visibility = 'visible';
-        postcodeFormElement.style.left = (x-50) + 'px';
-        postcodeFormElement.style.top = (y-180) + 'px';
+        
+        YAHOO.util.Dom.setXY(postcodeFormElement, [(x-50) < 0 ? 0:(x-50), (y-180) < 0 ? (y+10):(y-180)]);
         postcodeFormElement.style.display = 'block';
                                 locationElement.innerHTML = easting + ', ' + northing
+        document.getElementById('easting').value = easting;
+        document.getElementById('northing').value = northing;
+        document.getElementById('returnX').value = offsetGridX;
+        document.getElementById('returnY').value = offsetGridY;
+
+        document.getElementById('postcode').value = "";
         document.getElementById('postcode').focus();
       }