changes

web/script.js

@@ -4,10 +4,6 @@ mwidths = [1, 1, 1, 1.5, 2, 3, 5, 6, 6, 4, 3, 2];
 
 backend = "http://staty.cs.uni-freiburg.de/backend/";
 
-function $(id) {
-    return document.getElementById(id);
-}
-
 function marker(stat, z) {
     if (z > 15) {
         return L.circle(
@@ -166,16 +162,16 @@ function renderStat(stat) {
 }
 
 function openStat(id) {
-    var xmlhttp = new XMLHttpRequest();
-    xmlhttp.onreadystatechange = function() {
-        if (this.readyState == 4 && this.status == 200) {
+    window.xmlhttp = new XMLHttpRequest();
+    window.xmlhttp.onreadystatechange = function() {
+        if (this.readyState == 4 && this.status == 200 && this == window.xmlhttp) {
             var content = JSON.parse(this.responseText);
             renderStat(content);
         }
     };
 
-    xmlhttp.open("GET", backend + "/stat?id=" + id, true);
-    xmlhttp.send();
+    window.xmlhttp.open("GET", backend + "/stat?id=" + id, true);
+    window.xmlhttp.send();
 }
 
 function renderGroup(grp, ll) {
@@ -235,16 +231,16 @@ function renderGroup(grp, ll) {
 }
 
 function openGroup(id, ll) {
-    var xmlhttp = new XMLHttpRequest();
-    xmlhttp.onreadystatechange = function() {
-        if (this.readyState == 4 && this.status == 200) {
+    window.xmlhttp = new XMLHttpRequest();
+    window.xmlhttp.onreadystatechange = function() {
+        if (this.readyState == 4 && this.status == 200 && this == window.xmlhttp) {
             var content = JSON.parse(this.responseText);
             renderGroup(content, ll);
         }
     };
 
-    xmlhttp.open("GET", backend + "/group?id=" + id, true);
-    xmlhttp.send();
+    window.xmlhttp.open("GET", backend + "/group?id=" + id, true);
+    window.xmlhttp.send();
 }
 
 function groupHl(id) {
@@ -303,11 +299,11 @@ map.on("moveend", function() {
 });
 
 function render() {
-    var xmlhttp = new XMLHttpRequest();
+    window.xmlhttp = new XMLHttpRequest();
 
     if (map.getZoom() < 11) {
-        xmlhttp.onreadystatechange = function() {
-            if (this.readyState == 4 && this.status == 200) {
+        window.xmlhttp.onreadystatechange = function() {
+            if (this.readyState == 4 && this.status == 200 && this == window.xmlhttp) {
                 var content = JSON.parse(this.responseText);
 
                 layer.clearLayers();
@@ -354,11 +350,11 @@ function render() {
             }
         };
 
-        xmlhttp.open("GET", backend + "/heatmap?z=" + map.getZoom() + "&bbox=" + [map.getBounds().getSouthWest().lat, map.getBounds().getSouthWest().lng, map.getBounds().getNorthEast().lat, map.getBounds().getNorthEast().lng].join(","), true);
-        xmlhttp.send();
+        window.xmlhttp.open("GET", backend + "/heatmap?z=" + map.getZoom() + "&bbox=" + [map.getBounds().getSouthWest().lat, map.getBounds().getSouthWest().lng, map.getBounds().getNorthEast().lat, map.getBounds().getNorthEast().lng].join(","), true);
+        window.xmlhttp.send();
     } else {
-        xmlhttp.onreadystatechange = function() {
-            if (this.readyState == 4 && this.status == 200) {
+        window.xmlhttp.onreadystatechange = function() {
+            if (this.readyState == 4 && this.status == 200 && this == window.xmlhttp) {
                 var content = JSON.parse(this.responseText);
 
                 layer.clearLayers();
@@ -409,8 +405,8 @@ function render() {
             }
         };
 
-        xmlhttp.open("GET", backend + "/map?bbox=" + [map.getBounds().getSouthWest().lat, map.getBounds().getSouthWest().lng, map.getBounds().getNorthEast().lat, map.getBounds().getNorthEast().lng].join(","), true);
-        xmlhttp.send();
+        window.xmlhttp.open("GET", backend + "/map?bbox=" + [map.getBounds().getSouthWest().lat, map.getBounds().getSouthWest().lng, map.getBounds().getNorthEast().lat, map.getBounds().getNorthEast().lng].join(","), true);
+        window.xmlhttp.send();
     }
 }