X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/d41dc04ad17d1d9125fb2cf72db2b4782dbe3a8c..refs/heads/old:/examples/slider/slider.js

diff --git a/examples/slider/slider.js b/examples/slider/slider.js
index 438a3f98..1b64e065 100644
--- a/examples/slider/slider.js
+++ b/examples/slider/slider.js
@@ -1,66 +1,83 @@
-/*
- * Ext JS Library 2.2.1
- * Copyright(c) 2006-2009, Ext JS, LLC.
- * licensing@extjs.com
- * 
- * http://extjs.com/license
- */
-
-Ext.onReady(function(){
-
-    new Ext.Slider({
-        renderTo: 'basic-slider',
-        width: 214,
-        minValue: 0,
-        maxValue: 100
-    });
-
-    new Ext.Slider({
-        renderTo: 'increment-slider',
-        width: 214,
-        value:50,
-        increment: 10,
-        minValue: 0,
-        maxValue: 100
-    });
-
-    new Ext.Slider({
-        renderTo: 'vertical-slider',
-        height: 214,
-        vertical: true,
-        minValue: 0,
-        maxValue: 100
-    });
-
-    new Ext.Slider({
-        renderTo: 'tip-slider',
-        width: 214,
-        minValue: 0,
-        maxValue: 100,
-        plugins: new Ext.ux.SliderTip()
-    });
-
-    var tip = new Ext.ux.SliderTip({
-        getText: function(slider){
-            return String.format('<b>{0}% complete</b>', slider.getValue());
-        }
-    });
-
-    new Ext.Slider({
-        renderTo: 'custom-tip-slider',
-        width: 214,
-        increment: 10,
-        minValue: 0,
-        maxValue: 100,
-        plugins: tip
-    });
-
-    new Ext.Slider({
-        renderTo: 'custom-slider',
-        width: 214,
-        increment: 10,
-        minValue: 0,
-        maxValue: 100,
-        plugins: new Ext.ux.SliderTip()
-    });
-});
\ No newline at end of file
+/*!
+ * Ext JS Library 3.3.1
+ * Copyright(c) 2006-2010 Sencha Inc.
+ * licensing@sencha.com
+ * http://www.sencha.com/license
+ */
+Ext.onReady(function(){
+
+    new Ext.Slider({
+        renderTo: 'basic-slider',
+        width: 214,
+        minValue: 0,
+        maxValue: 100
+    });
+
+    new Ext.Slider({
+        renderTo: 'increment-slider',
+        width: 214,
+        value:50,
+        increment: 10,
+        minValue: 0,
+        maxValue: 100
+    });
+
+    new Ext.Slider({
+        renderTo: 'vertical-slider',
+        height: 214,
+        vertical: true,
+        minValue: 0,
+        maxValue: 100
+    });
+
+    new Ext.Slider({
+        renderTo: 'tip-slider',
+        width: 214,
+        minValue: 0,
+        maxValue: 100,
+        plugins: new Ext.slider.Tip()
+    });
+
+    var tip = new Ext.slider.Tip({
+        getText: function(thumb){
+            return String.format('<b>{0}% complete</b>', thumb.value);
+        }
+    });
+
+    new Ext.Slider({
+        renderTo: 'custom-tip-slider',
+        width: 214,
+        increment: 10,
+        minValue: 0,
+        maxValue: 100,
+        plugins: tip
+    });
+
+    new Ext.Slider({
+        renderTo: 'custom-slider',
+        width: 214,
+        increment: 10,
+        minValue: 0,
+        maxValue: 100,
+        plugins: new Ext.slider.Tip()
+    });
+    
+    new Ext.slider.MultiSlider({
+        renderTo: 'multi-slider-horizontal',
+        width   : 214,
+        minValue: 0,
+        maxValue: 100,
+        values  : [10, 50, 90],
+        plugins : new Ext.slider.Tip()
+    });
+    
+    new Ext.slider.MultiSlider({
+        renderTo : 'multi-slider-vertical',
+        vertical : true,
+        height   : 214,
+        minValue: 0,
+        maxValue: 100,
+        values  : [10, 50, 90],
+        plugins : new Ext.slider.Tip()
+    });
+});