Changeset 80

Timestamp:

Oct 19, 2006, 1:39:44 PM (15 years ago)

Author:

David Sheldon

Message:

attempts to make marker display faster and fix ticket:20 in IE.

Location:

trunk/npemap.org.uk/static/tiles

Files:

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

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

@@ -10 +10 @@
       position: absolute;
       visibility: hidden;
-                        z-index: 1
+                        z-index: 1;
     }
     #postcode_form {
@@ -21 +21 @@
       width: 300px;
       height: 100px;
-                        z-index: 1
+                        z-index: 10;
     }
 

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

@@ -70 +70 @@
 </div>
 </div>
-
     </body>
 </html>

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

@@ -145 +145 @@
 var screenWidth = YAHOO.util.Dom.getViewportWidth();
 var screenHeight = YAHOO.util.Dom.getViewportHeight();
+var bottomLeft = new Array();
 
 function doResize() {
@@ -152 +153 @@
   refreshGrid();
 }
+
 function drawTable() {
   sizeGridX = Math.round((screenWidth / tileWidth)-2)
@@ -214 +216 @@
 
 function drawExisting() {
+  bottomLeft = YAHOO.util.Dom.getXY('element1.1');
   var url = "../../cgi/get-postcodes.fcgi";
   url += "?mineasting=" + minEasting + "000&maxeasting="  + maxEasting + "000&minnorthing=" + minNorthing + "000&maxnorthing=" + maxNorthing+"000";
@@ -251 +254 @@
 
   var newMarker = document.createElement('div');
-  newMarker.innerHTML = "<img src='../images/green-marker.gif' title='"+postcode+"'/>";
+        var img=document.createElement('img');
+        img.title = postcode;
+        img.src = "../images/green-marker.gif";
+        newMarker.appendChild(img);
   newMarker.style.position = 'absolute';
+        newMarker.style.zIndex = 1;
   document.getElementById('main_page').appendChild(newMarker);
 
@@ -259 +266 @@
   var x = ((easting / 1000) - minEasting) * tileWidth;
   var y = ((northing / 1000) - minNorthing) * tileHeight;
-  var bl = YAHOO.util.Dom.getXY('element1.1');
-  var bottom = bl[1] + tileHeight;
-
-  YAHOO.util.Dom.setXY(newMarker, [bl[0]+x-markerXOffset, bottom- (y+markerYOffset)]);
+  var bottom = bottomLeft[1] + tileHeight;
+
+  YAHOO.util.Dom.setXY(newMarker, [bottomLeft[0]+x-markerXOffset, bottom- (y+markerYOffset)]);
 }
 
@@ -296 +302 @@
 
 
+