Changeset 29719 for other-projects/nz-flag-design/trunk/render-3d/Flag_files/slider.js

Timestamp:

2015-02-09T09:51:09+13:00 (9 years ago)

Author:

bmt11

Message:

Added Tooltip for slider need to rework so that it doesnt overlay

File:

• other-projects/nz-flag-design/trunk/render-3d/Flag_files/slider.js (modified) (2 diffs)

other-projects/nz-flag-design/trunk/render-3d/Flag_files/slider.js

@@ -1 +1 @@
 jQuery(document).ready(function ($) {
+    
+    var initialValue = 100;
+    var curValue = initialValue;
+    var tooltip = 'Wind Speed: '+curValue+'';
+    
     $("#speed").slider({
         min: 25,
         max: 300,
-        value: 100,
+        value: initialValue,
         animate: true,
         range: 'min',
+        create: function(event, ui) {
+            initTooltip(ui);
+        },
         slide: function(event, ui) {
-            setSpeed(ui.value);
+            setSpeed(ui);
         }
     }); 
+    
+    function initTooltip(ui){
+        tooltip = 'Wind Speed: '+curValue+'';
+        var target = ui.handle || $('.ui-slider-handle');  
+        $(target).html(tooltip);
+    }
+    
+    function setSpeed(ui){
+        windStrength = ui.value;
+        curValue = ui.value;
+        tooltip = 'Wind Speed: '+curValue+'';
+        target = ui.handle || $('.ui-slider-handle'); 
+        $(target).html(tooltip);        
+    }
     
     $(".ui-slider").mouseenter(function(){
@@ -18 +40 @@
         controls.enabled = true;
     });
-    
-    function setSpeed(speed){
-        windStrength = speed;
-    }
+
 });