X-Git-Url: https://dev.renevier.net/?a=blobdiff_plain;f=public%2Fjs%2Flist.js;fp=public%2Fjs%2Flist.js;h=fe0eb62aa86e7d9005a065f49f0f88b286076c19;hb=66441b64eacf64a0f7a14246139ed807ab816a04;hp=62f7b068d82c186e5e3e41dc5bf9a01177fb5393;hpb=2d081e8e5ec85f3a8fb86af5edcda40359280c24;p=syj.git diff --git a/public/js/list.js b/public/js/list.js index 62f7b06..fe0eb62 100644 --- 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();