Changeset 26160

Timestamp:

2012-09-11T10:14:44+12:00 (12 years ago)

Author:

sjm84

Message:

Added a button that turns the scrolling through places on and off, also flipped the markers

File:

• main/trunk/greenstone3/web/interfaces/default/js/map-scripts.js (modified) (5 diffs)

main/trunk/greenstone3/web/interfaces/default/js/map-scripts.js

@@ -17 +17 @@
 {
     modifyFunctions();
-    
     setUpMap();
     
@@ -45 +44 @@
     if(_docList.ids.length > 1)
     {
+        var startStopCheckbox = document.createElement("input");
+        startStopCheckbox.setAttribute("type", "checkbox");
+        startStopCheckbox.setAttribute("checked", "true");
+        startStopCheckbox.onclick = function()
+        {
+            if(startStopCheckbox.checked)
+            {
+                if(_intervalHandle == null)
+                {
+                    _intervalHandle = setInterval(loopThroughMarkers, 2000);
+                }
+            }
+            else
+            {
+                clearInterval(_intervalHandle);
+                _intervalHandle = null;
+            }
+        };
+        
+        var label = document.createElement("span");
+        label.innerHTML = "Scroll through places";
+        
+        var container = document.createElement("DIV");
+        container.appendChild(startStopCheckbox);
+        container.appendChild(label);
+        container.setAttribute("class", "ui-widget-header ui-corner-all");
+        container.setAttribute("style", "clear:right; float:right; padding:0px 5px 3px 0px;");
+
+        $(container).insertAfter("#map_canvas");
+        
         _intervalHandle = setInterval(loopThroughMarkers, 2000);
     }
@@ -337 +366 @@
     {
         clearInterval(_intervalHandle);
+        _intervalHandle = null;
         _map.panTo(new google.maps.LatLng(doc.lat, doc.lng));
         clearAllInfoBoxes();
@@ -357 +387 @@
     var marker
     if(mainMarker)
+    {
+        marker = new google.maps.Marker
+        ({
+            position: pos,
+            title:doc.title,
+            map:_map
+        });
+    }
+    else
     {
         marker = new google.maps.Marker
@@ -364 +403 @@
             map:_map,
             icon:"interfaces/" + gs.xsltParams.interface_name + "/images/bluemarker.png"
-        });
-    }
-    else
-    {
-        marker = new google.maps.Marker
-        ({
-            position: pos,
-            title:doc.title,
-            map:_map
         });
     }