Changeset 265 for trunk/npemap.org.uk

Timestamp:

Nov 1, 2006, 2:14:33 PM (14 years ago)

Author:

David Sheldon

Message:

Fix resizing on safari. It doesn't like setting innerHTML.

File:

• trunk/npemap.org.uk/static/tiles/mapTiles.js (modified) (1 diff)

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

@@ -215 +215 @@
   sizeGridX = Math.floor(((screenWidth -210) / tileWidth));
   sizeGridY = Math.floor(((screenHeight -130) / tileHeight));
- 
-  page = '';
+  var map = $('map');
+  map.innerHTML = '';
   for(var y=sizeGridY; y>=1; y--) {
     for(var x=1; x<=sizeGridX; x++) {
-      page += '<img width=' + tileWidth + ' height=' + tileHeight + ' id=element' + x + '.' + y + '>';
+                        map.appendChild(createIMG(tileWidth, tileHeight, 'element'+x+'.'+y));
      }
-     page += '<br>';
+                 map.appendChild(document.createElement('br')); 
   }
   
-  $('map').innerHTML = page
   $('map').style.width = sizeGridX * tileWidth ;
+}
+
+function createIMG(width, height, id) {
+  var img = document.createElement('img');
+        img.width = width;
+        img.height = height;
+        img.id = id;
+        return img;
 }