Changeset 217

Timestamp:

Oct 29, 2006, 12:29:31 PM (15 years ago)

Author:

David Sheldon

Message:

Make the markers look like they are clickable.

Location:

trunk/npemap.org.uk/static/tiles

Files:

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

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

@@ -12 +12 @@
                         z-index: 1;
     }
+
+    div.postcode_marker {
+       position: absolute;
+       z-index: 1;
+       cursor: pointer;
+    }
+    
     #postcode_form {
       line-height: 100%;

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

@@ -68 +68 @@
   <div id="postcode_detail_window">
     <div style="float:right"><a href="javascript:hideMarkerWindow()" title="close">X</a></div>
+                <div><span class="terms" id="postcode_detail"></span></div>
                 <div><span class="terms" id="location_detail"></span></div>
-                <div><span class="terms" id="postcode_detail"></span></div>
     <div><span class="terms" id="source_detail"></span></div>
     <a href="#" id="bad">Problem?</a>

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

@@ -380 +380 @@
         var img=document.createElement('img');
     newMarker.appendChild(img);
-    newMarker.style.position = 'absolute';
-    newMarker.style.zIndex = 1;
+    newMarker.className = 'postcode_marker';
     markers[markers.length] = newMarker;
     mainPageElement.appendChild(newMarker);