list of created routes: ie support

[syj.git] / public / js / list.js

diff --git a/public/js/list.js b/public/js/list.js
index 62f7b068d82c186e5e3e41dc5bf9a01177fb5393..fe0eb62aa86e7d9005a065f49f0f88b286076c19 100644 (file)
--- a/public/js/list.js
+++ b/public/js/list.js
@@ -4,7 +4,19 @@ var Mercator = new OpenLayers.Projection("EPSG:900913");
 
 document.observe("dom:loaded", function() {
     $("message").hide();
-    $$(".map").each(function(elt) {
+
+    $$(".item").each(function(elt) {
+        new item(elt);
+    });
+});
+
+function item(elt) {
+    this.deleteHandler = elt.on('click', '.delete-link', this.remove.bindAsEventListener(this));
+    this.elt = elt;
+    this.map = this.createmap(elt.down('.map'));
+}
+item.prototype = {
+    createmap: function(elt) {
         var geom = elt.getAttribute('data-geom'),
             baseLayer = new OpenLayers.Layer.OSM("OSM"),
             map = new OpenLayers.Map(elt, { controls: [], theme: null}),
@@ -24,24 +36,16 @@ document.observe("dom:loaded", function() {
         map.addLayers([baseLayer, viewLayer]);
         viewLayer.addFeatures([wkt.read(geom)]);
         map.zoomToExtent(viewLayer.getDataExtent());
-    });
-
-    $$(".item").each(function(elt) {
-        new item(elt);
-    });
-});
+        return map;
+    },
 
-function item(elt) {
-    this.deleteHandler = elt.on('click', '.delete-link', this.remove.bindAsEventListener(this));
-    this.elt = elt;
-}
-item.prototype = {
     deleteSuccess: function() {
         this.deactivate();
         $("message").setMessage(SyjStrings.deleteSuccess, "success");
     },
 
     deactivate: function() {
+        this.map.destroy();
         this.elt.down('.title').update();
         this.elt.down('.geom').update().setStyle({backgroundColor: 'gray'});
         this.deleteHandler.stop();