Changeset 214 for trunk/npemap.org.uk

Timestamp:

Oct 27, 2006, 10:43:49 PM (15 years ago)

Author:

David Sheldon

Message:

Report bad postcodes.

Location:

trunk/npemap.org.uk/static

Files:

• images/btn_submit.png (added)
• tiles/grid.css (modified) (1 diff)
• tiles/map.html (modified) (1 diff)
• tiles/mapTiles.js (modified) (7 diffs)

trunk/npemap.org.uk/static/tiles/grid.css

@@ -69 +69 @@
    }
 
+   div.report_form,#bad {
+     font-size: 60%;
+   }
+
+   div.report_form {
+     display: none;
+   }
+
+   div.report_form input {
+     font: normal 100% arial ;
+     padding: 1px;
+     
+   }
+

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

@@ -71 +71 @@
                 <div><span class="terms" id="postcode_detail"></span></div>
     <div><span class="terms" id="source_detail"></span></div>
-         <span class="terms">This will contain a form to report a problem with this postcode, in the meantime email us.</span>
+    <span id="bad">Problem?</span>
+    <div class="report_form" id="report_form">
+      <form method="post" action="../../cgi/bad-postcode.fcgi">
+      <input type="hidden" name="postcode" id="postcode_id_detail" />
+      <label for="reason"><span title="Why you think it is incorrect">Problem:</span></label>
+      
+      <input type="text" name="reason" id="reason" size="45"/><br/>
+      <label for="reason_email"><span title="So we can let you know what we're doing about it.">email</span></label>
+      <input type="text" name="email" id="reason_email" size="30"/>
+      <input alt="submit" src="../images/btn_submit.png" type="image" /> 
+
+      </form>
+    </div>
   </div>
   <div id="postcode_form">

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

@@ -110 +110 @@
       YAHOO.util.Dom.setXY(markerElement, [(x-markerXOffset), (y-markerYOffset)]);
       markerElement.style.visibility = 'visible';
+      hideMarkerWindow();
                         
       postcodeFormElement.style.display = 'block';
@@ -134 +135 @@
 
 function showMarkerWindow(x,y, postcode, easting, northing, source, id) {
+  closePostcodeWindow();
    // Compute lat+long
    var en = new OSRef(easting,northing);
@@ -142 +144 @@
    // Display
    $('location_detail').innerHTML = easting + ", "+northing + "<br />" + lat + " " + lng;
-   $('postcode_detail').innerHTML = postcode
+   $('postcode_detail').innerHTML = postcode;
+   $('postcode_id_detail').value= id; 
+   $('reason_email').value= ''; 
+   $('reason').value= ''; 
    $('source_detail').innerHTML = "Source: " + ((source == 0) ? 'this site' : '<a href="http://www.freethepostcode.org/">freethepostcode.org</a>');
    $('postcode_detail_window').style.display = 'block';
+   $('bad').style.display = '';
+   $('report_form').style.display = 'none';
    YAHOO.util.Dom.setXY('postcode_detail_window', [Math.max(0, (x-50)), (y-100) < 0 ? (y+10):(y-100)]);
 }
@@ -151 +158 @@
    $('postcode_detail_window').style.display = 'none';
 }
+
 
 function zoomOut() {
@@ -157 +165 @@
                 return;
         }
+        tidyUp();
+
+  gotoLocation(offsetGridX * zooms[zoomLevel], offsetGridY * zooms[zoomLevel], zoomLevel + 1);
+}
+
+function tidyUp() {
   removeMarkers();
-        closePostcodeWindow();
-
-  gotoLocation(offsetGridX * zooms[zoomLevel], offsetGridY * zooms[zoomLevel], zoomLevel + 1);
+  closePostcodeWindow();
+  hideMarkerWindow();
 }
 
@@ -414 +427 @@
 function updateGrid(theDirection) {
     closePostcodeWindow();
+    hideMarkerWindow();
     if ( theDirection == 'right' ) {
         if ( offsetGridX < size-sizeGridX )
@@ -521 +535 @@
 }
 
-
-
+function showReportForm() {
+  $('report_form').style.display = 'block';
+  $('bad').style.display = 'none';
+}
+
+YAHOO.util.Event.addListener('bad', 'click', showReportForm);