Upgrade to ExtJS 3.3.1 - Released 11/30/2010
[extjs.git] / examples / resizable / basic.js
index 40073fc..a0d3295 100644 (file)
@@ -1,92 +1,90 @@
-/*\r
- * Ext JS Library 2.2.1\r
- * Copyright(c) 2006-2009, Ext JS, LLC.\r
- * licensing@extjs.com\r
- * \r
- * http://extjs.com/license\r
- */\r
-\r
-var ResizableExample = {\r
-    init : function(){\r
-        \r
-        var basic = new Ext.Resizable('basic', {\r
-                width: 200,\r
-                height: 100,\r
-                minWidth:100,\r
-                minHeight:50\r
-        });\r
-        \r
-        var animated = new Ext.Resizable('animated', {\r
-                width: 200,\r
-                pinned: true,\r
-                height: 100,\r
-                minWidth:100,\r
-                minHeight:50,\r
-                animate:true,\r
-                easing: 'backIn',\r
-                duration:.6\r
-        });\r
-        \r
-        var wrapped = new Ext.Resizable('wrapped', {\r
-            wrap:true,\r
-            pinned:true,\r
-            minWidth:50,\r
-            minHeight: 50,\r
-            preserveRatio: true\r
-        });\r
-        \r
-        var transparent = new Ext.Resizable('transparent', {\r
-            wrap:true,\r
-            minWidth:50,\r
-            minHeight: 50,\r
-            preserveRatio: true,\r
-            transparent:true\r
-        });\r
-        \r
-        var custom = new Ext.Resizable('custom', {\r
-            wrap:true,\r
-            pinned:true,\r
-            minWidth:50,\r
-            minHeight: 50,\r
-            preserveRatio: true,\r
-            handles: 'all',\r
-            draggable:true,\r
-            dynamic:true\r
-        });\r
-        var customEl = custom.getEl();\r
-        // move to the body to prevent overlap on my blog\r
-        document.body.insertBefore(customEl.dom, document.body.firstChild);\r
-        \r
-        customEl.on('dblclick', function(){\r
-            customEl.hide(true);\r
-        });\r
-        customEl.hide();\r
-        \r
-        Ext.get('showMe').on('click', function(){\r
-            customEl.center();\r
-            customEl.show(true);\r
-        });\r
-        \r
-        var dwrapped = new Ext.Resizable('dwrapped', {\r
-            wrap:true,\r
-            pinned:true,\r
-            width:450,\r
-            height:150,\r
-            minWidth:200,\r
-            minHeight: 50,\r
-            dynamic: true\r
-        });\r
-        \r
-        var snap = new Ext.Resizable('snap', {\r
-            pinned:true,\r
-            width:250,\r
-            height:100,\r
-            handles: 'e',\r
-            widthIncrement:50,\r
-            minWidth: 50,\r
-            dynamic: true\r
-        });\r
-    }\r
-};\r
-\r
+/*!
+ * Ext JS Library 3.3.1
+ * Copyright(c) 2006-2010 Sencha Inc.
+ * licensing@sencha.com
+ * http://www.sencha.com/license
+ */
+var ResizableExample = {
+    init : function(){
+        
+        var basic = new Ext.Resizable('basic', {
+                width: 200,
+                height: 100,
+                minWidth:100,
+                minHeight:50
+        });
+        
+        var animated = new Ext.Resizable('animated', {
+                width: 200,
+                pinned: true,
+                height: 100,
+                minWidth:100,
+                minHeight:50,
+                animate:true,
+                easing: 'backIn',
+                duration:.6
+        });
+        
+        var wrapped = new Ext.Resizable('wrapped', {
+            wrap:true,
+            pinned:true,
+            minWidth:50,
+            minHeight: 50,
+            preserveRatio: true
+        });
+        
+        var transparent = new Ext.Resizable('transparent', {
+            wrap:true,
+            minWidth:50,
+            minHeight: 50,
+            preserveRatio: true,
+            transparent:true
+        });
+        
+        var custom = new Ext.Resizable('custom', {
+            wrap:true,
+            pinned:true,
+            minWidth:50,
+            minHeight: 50,
+            preserveRatio: true,
+            handles: 'all',
+            draggable:true,
+            dynamic:true
+        });
+        var customEl = custom.getEl();
+        // move to the body to prevent overlap on my blog
+        document.body.insertBefore(customEl.dom, document.body.firstChild);
+        
+        customEl.on('dblclick', function(){
+            customEl.hide(true);
+        });
+        customEl.hide();
+        
+        Ext.get('showMe').on('click', function(){
+            customEl.center();
+            customEl.show(true);
+        });
+        
+        var dwrapped = new Ext.Resizable('dwrapped', {
+            wrap:true,
+            pinned:true,
+            width:450,
+            height:150,
+            minWidth:200,
+            minHeight: 50,
+            dynamic: true
+        });
+        
+        var snap = new Ext.Resizable('snap', {
+            pinned:true,
+            width:250,
+            height:100,
+            handles: 'e',
+            widthIncrement:50,
+            minWidth: 50,
+            dynamic: true
+        });
+    }
+};
+
 Ext.EventManager.onDocumentReady(ResizableExample.init, ResizableExample, true);
\ No newline at end of file