Changeset 5064

Timestamp:

03/17/08 18:03:13 (10 months ago)

Author:

joern.zaefferer

Message:

ui.slider: Implemented #2502, see handles option for usage/details

Location:

trunk/ui

Files:

• tests/slider.html (modified) (3 diffs)
• ui.slider.js (modified) (1 diff)

trunk/ui/tests/slider.html

@@ -96 +96 @@
  window.console = {
     log: function() {
-        alert(arguments[0]);    
+        //alert(arguments[0]);  
     }   
  }  
@@ -123 +123 @@
     
     $('#slider1').slider({
-        stepping: 20,
+        stepping: 10,
         maxValue: 100,
         minValue: -100, 
@@ -132 +132 @@
         slide: function(e,ui) {
             $('#slider1_value')[0].value = ui.value;
-        }
+        },
+        handles: [
+            {start: -60, min: -100, max: 0},
+            {start: 10, min: -20, max: 100}
+        ]
     });
     

trunk/ui/ui.slider.js

@@ -236 +236 @@
                     value = this.translateValue(this.value(0) + this.oneStep());
             }
+            if (this.options.handles) {
+                var handle = this.options.handles[this.handleIndex()];
+                if (value < this.translateValue(handle.min)) {
+                    value = this.translateValue(handle.min);
+                } else if (value > this.translateValue(handle.max)) {
+                    value = this.translateValue(handle.max);
+                }
+            }
             return value;
+        },
+        
+        handleIndex: function() {
+            return this.handle.index(this.currentHandle[0])
         },