Changeset 254

Timestamp:

Oct 31, 2006, 2:23:13 PM (15 years ago)

Author:

David Sheldon

Message:

Show/hide markers. This fixes ticket:51.

Location:

trunk/npemap.org.uk/static/tiles

Files:

• grid.css (modified) (1 diff)
• map.html (modified) (2 diffs)
• mapTiles.js (modified) (3 diffs)

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

@@ -160 +160 @@
 }
 
-
+div#showHideMarkers{
+        font-size: 60%;
+}

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

@@ -70 +70 @@
     <div id="geonames_results"></div>
   </div>
+        <div id="showHideMarkers">
+    <p><img src="../images/green-marker.gif" > <a href="javascript:setMarkersHidden()" id="setMarkers">hide markers</a><a href="javascript:unsetMarkersHidden()" id="unsetMarkers" style="display:none">show markers</a></p>
+        </div>
 </div>
   <div id="postcode_detail_window">
@@ -101 +104 @@
     <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>
+      <input type="text" name="postcode2" id="postcode2" size="3" /> 
+          </div>
+                <div> <input type="submit" value="submit" /></div>
   </form>
          <span class="terms">Partial codes are fine e.g. "OX1" or "OX1 3". <!--<a href="" target='_new'>Details</a>.--></span><br/><br/>

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

@@ -234 +234 @@
     spinnerElement = $('spinner');
 
+    updateShowMarkers();
     parseQueryString();
     fixZoomButton();
@@ -319 +320 @@
 
 function drawExisting() {
-  var url = "../../cgi/get-postcodes.fcgi";
-  url += "?mineasting=" + minEasting + "000&maxeasting="  + maxEasting + "000&minnorthing=" + minNorthing + "000&maxnorthing=" + maxNorthing+"000";
-  var callback = {
-    success: successHandler ,
-    failure: failHander
-    }
-  
-  removeMarkers();
-  spinnerElement.className = 'loading';
-  spinnerElement.innerHTML = 'Loading...';
-  findMarkerOffsets();
-  
-  YAHOO.util.Connect.asyncRequest('GET', url, callback);  
-
+        if (shouldWeShowMarkers()) {
+                var url = "../../cgi/get-postcodes.fcgi";
+                url += "?mineasting=" + minEasting + "000&maxeasting="  + maxEasting + "000&minnorthing=" + minNorthing + "000&maxnorthing=" + maxNorthing+"000";
+                var callback = {
+                        success: successHandler ,
+                        failure: failHander
+                        }
+                
+                removeMarkers();
+                spinnerElement.className = 'loading';
+                spinnerElement.innerHTML = 'Loading...';
+                findMarkerOffsets();
+                
+                YAHOO.util.Connect.asyncRequest('GET', url, callback);  
+  }
 }
 
@@ -592 +594 @@
 }
 
+
+function shouldWeShowMarkers() {
+        if (readCookie('hideMarkers')) {
+                return false;
+        }
+        return true;
+}
+
+function setMarkersHidden() {
+  createCookie("hideMarkers", 'true', 30);
+        removeMarkers();
+        updateShowMarkers();
+}
+
+function unsetMarkersHidden() {
+  eraseCookie("hideMarkers");
+        drawExisting();
+        updateShowMarkers();
+}
+
+function updateShowMarkers() {
+  if (shouldWeShowMarkers()) {
+    $('setMarkers').style.display = ''; 
+    $('unsetMarkers').style.display = 'none'; 
+        } else {
+    $('setMarkers').style.display = 'none'; 
+    $('unsetMarkers').style.display = ''; 
+        }
+}
+
+
+function createCookie(name,value,days) {
+        if (days) {
+                var date = new Date();
+                date.setTime(date.getTime()+(days*24*60*60*1000));
+                var expires = "; expires="+date.toGMTString();
+        }
+        else var expires = "";
+        document.cookie = name+"="+value+expires+"; path=/";
+}
+
+function readCookie(name) {
+        var nameEQ = name + "=";
+        var ca = document.cookie.split(';');
+        for(var i=0;i < ca.length;i++) {
+                var c = ca[i];
+                while (c.charAt(0)==' ') c = c.substring(1,c.length);
+                if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
+        }
+        return null;
+}
+
+function eraseCookie(name) {
+        createCookie(name,"",-1);
+}