Upgrade to ExtJS 3.1.0 - Released 12/16/2009
[extjs.git] / docs / source / Fx.html
index 8db99a1..1aeb372 100644 (file)
@@ -1,5 +1,6 @@
 <html>\r
 <head>\r
 <html>\r
 <head>\r
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    \r
   <title>The source code</title>\r
     <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />\r
     <script type="text/javascript" src="../resources/prettify/prettify.js"></script>\r
   <title>The source code</title>\r
     <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />\r
     <script type="text/javascript" src="../resources/prettify/prettify.js"></script>\r
@@ -97,7 +98,7 @@ br     The bottom right corner
  * The callback is intended for any additional code that should run once a particular effect has completed. The Element\r
  * being operated upon is passed as the first parameter.\r
  * \r
  * The callback is intended for any additional code that should run once a particular effect has completed. The Element\r
  * being operated upon is passed as the first parameter.\r
  * \r
- * @cfg {Object} scope The scope of the <tt>{@link #callback}</tt> function\r
+ * @cfg {Object} scope The scope (<code>this</code> reference) in which the <tt>{@link #callback}</tt> function is executed. Defaults to the browser window.\r
  * \r
  * @cfg {String} easing A valid Ext.lib.Easing value for the effect:</p><div class="mdetail-params"><ul>\r
  * <li><b><tt>backBoth</tt></b></li>\r
  * \r
  * @cfg {String} easing A valid Ext.lib.Easing value for the effect:</p><div class="mdetail-params"><ul>\r
  * <li><b><tt>backBoth</tt></b></li>\r
@@ -571,9 +572,9 @@ el.frame("C3DAF9", 1, {
             active;\r
 \r
         me.queueFx(o, function(){\r
             active;\r
 \r
         me.queueFx(o, function(){\r
-            color = color || "#C3DAF9"\r
+            color = color || '#C3DAF9';\r
             if(color.length == 6){\r
             if(color.length == 6){\r
-                color = "#" + color;\r
+                color = '#' + color;\r
             }            \r
             count = count || 1;\r
             fly(dom).show();\r
             }            \r
             count = count || 1;\r
             fly(dom).show();\r
@@ -583,10 +584,9 @@ el.frame("C3DAF9", 1, {
                 queue = function(){\r
                     proxy = fly(document.body || document.documentElement).createChild({\r
                         style:{\r
                 queue = function(){\r
                     proxy = fly(document.body || document.documentElement).createChild({\r
                         style:{\r
-                            visbility: HIDDEN,\r
                             position : ABSOLUTE,\r
                             position : ABSOLUTE,\r
-                            "z-index": 35000, // yee haw\r
-                            border : "0px solid " + color\r
+                            'z-index': 35000, // yee haw\r
+                            border : '0px solid ' + color\r
                         }\r
                     });\r
                     return proxy.queueFx({}, animFn);\r
                         }\r
                     });\r
                     return proxy.queueFx({}, animFn);\r
@@ -1005,7 +1005,7 @@ el.ghost('b', {
 \r
     /* @private */\r
     queueFx : function(o, fn){\r
 \r
     /* @private */\r
     queueFx : function(o, fn){\r
-        var me = this;\r
+        var me = fly(this.dom);\r
         if(!me.hasFxBlock()){\r
             Ext.applyIf(o, me.fxDefaults);\r
             if(!o.concurrent){\r
         if(!me.hasFxBlock()){\r
             Ext.applyIf(o, me.fxDefaults);\r
             if(!o.concurrent){\r
@@ -1054,7 +1054,8 @@ el.ghost('b', {
         fly(dom).clearPositioning();\r
         fly(dom).setPositioning(pos);\r
         if(!o.wrap){\r
         fly(dom).clearPositioning();\r
         fly(dom).setPositioning(pos);\r
         if(!o.wrap){\r
-            wrap.parentNode.insertBefore(dom, wrap);\r
+            var pn = fly(wrap).dom.parentNode;
+            pn.insertBefore(dom, wrap); \r
             fly(wrap).remove();\r
         }\r
     },\r
             fly(wrap).remove();\r
         }\r
     },\r
@@ -1068,8 +1069,7 @@ el.ghost('b', {
     /* @private */\r
     afterFx : function(o){\r
         var dom = this.dom,\r
     /* @private */\r
     afterFx : function(o){\r
         var dom = this.dom,\r
-            id = dom.id,\r
-            notConcurrent = !o.concurrent;\r
+            id = dom.id;\r
         if(o.afterStyle){\r
             fly(dom).setStyle(o.afterStyle);            \r
         }\r
         if(o.afterStyle){\r
             fly(dom).setStyle(o.afterStyle);            \r
         }\r
@@ -1079,13 +1079,11 @@ el.ghost('b', {
         if(o.remove == TRUE){\r
             fly(dom).remove();\r
         }\r
         if(o.remove == TRUE){\r
             fly(dom).remove();\r
         }\r
-        if(notConcurrent){\r
-            getQueue(id).shift();\r
-        }\r
         if(o.callback){\r
             o.callback.call(o.scope, fly(dom));\r
         }\r
         if(o.callback){\r
             o.callback.call(o.scope, fly(dom));\r
         }\r
-        if(notConcurrent){\r
+        if(!o.concurrent){\r
+            getQueue(id).shift();\r
             fly(dom).nextFx();\r
         }\r
     },\r
             fly(dom).nextFx();\r
         }\r
     },\r
@@ -1113,6 +1111,7 @@ Ext.Fx.resize = Ext.Fx.scale;
 //When included, Ext.Fx is automatically applied to Element so that all basic\r
 //effects are available directly via the Element API\r
 Ext.Element.addMethods(Ext.Fx);\r
 //When included, Ext.Fx is automatically applied to Element so that all basic\r
 //effects are available directly via the Element API\r
 Ext.Element.addMethods(Ext.Fx);\r
-})();</pre>    \r
+})();
+</pre>    \r
 </body>\r
 </html>
\ No newline at end of file
 </body>\r
 </html>
\ No newline at end of file