Changeset 29721 for other-projects/nz-flag-design/trunk/render-3d/Flag_files

Timestamp:

2015-02-09T12:11:28+13:00 (9 years ago)

Author:

bmt11

Message:

Tooltip is now polished and finished

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

@@ -2 +2 @@
     
     var initialValue = 100;
-    var curValue = initialValue;
-    var tooltip = 'Wind Speed: '+curValue+'';
+    var tooltip = '<span class="tt"><span class="text">'+getDescript(initialValue)+'</span></span>';
+    var target;
     
     $("#speed").slider({
@@ -20 +20 @@
     
     function initTooltip(ui){
-        tooltip = 'Wind Speed: '+curValue+'';
-        var target = ui.handle || $('.ui-slider-handle');  
-        $(target).html(tooltip);
+        target = ui.handle || $('.ui-slider-handle');  
     }
     
     function setSpeed(ui){
         windStrength = ui.value;
-        curValue = ui.value;
-        tooltip = 'Wind Speed: '+curValue+'';
-        target = ui.handle || $('.ui-slider-handle'); 
-        $(target).html(tooltip);        
+        tooltip = '<span class="tt"><span class="text">'+getDescript(ui.value)+'</span></span>';
+        target = ui.handle || $('.ui-slider-handle');
+        $(target).html(tooltip);        
+    }
+    
+    function getDescript(speed){
+        if(speed < 50) return 'calm';
+        if(speed < 100) return 'light';
+        if(speed < 150) return 'fair';
+        if(speed < 200) return 'heavy';
+        return 'gusty';
     }
     
     $(".ui-slider").mouseenter(function(){
         controls.enabled = false;
+        $(target).html(tooltip);
     });
     
     $(".ui-slider").mouseleave(function(){
         controls.enabled = true;
+        $(".tt").remove();
     });