Changeset 17192 for extensions/Autosize/js/autosize.dimensions.js

Timestamp:

Jul 28, 2012, 8:48:54 PM (12 years ago)

Author:

cljosse

Message:

[extensions] Autosize fix compatibility with 2.4, new options

File:

• extensions/Autosize/js/autosize.dimensions.js (modified) (14 diffs)

extensions/Autosize/js/autosize.dimensions.js

@@ -49 +49 @@
   *
   */
-  jQuery.each(['Left', 'Top'],
+  jQuery.each(['Left', 'Top', 'Right', 'Bottom', 'All'],
     function (i, name) {
+      //========== scroll =================
       jQuery.fn['scroll' + name] = function (val) {
         if (!this[0]) return;
@@ -58 +59 @@
         }) : this[0] == window || this[0] == document ? self[(name == 'Left' ? 'pageXOffset' : 'pageYOffset')] || jQuery.boxModel && document.documentElement['scroll' + name] || document.body['scroll' + name] : this[0]['scroll' + name];
       };
-      //================================================
-      jQuery.fn['absolute' + name] = function (val) {
-        if (!this[0]) return;
+      //========= Absolute =====================
+      jQuery.fn['absolute' + name] = function (Args) {
+        if (!this[0]) return 0;
         a = jQuery(this[0]);
-        m = 0;
-        while (a.length > 0) {
-          val = jQuery(a).infos();
-          if (val.position != "absolute") {
-            m += name == 'Left' ? val.left : val.top;
-            m += name == 'Left' ? val.margin.left : val.margin.top;
-            m += name == 'Left' ? val.margin.right : val.margin.bottom;
-            m += name == 'Left' ? val.borderwidth.left : val.borderwidth.top;
-            //   m += name == 'Left' ? val.borderwidth.right : val.borderwidth.bottom;
-            //   m += name == 'Left' ? val.padding.left : val.padding.top;
-            //   m += name == 'Left' ? val.padding.right : val.padding.bottom;
-            a = jQuery(a).offsetParent();
-          } else
-            break;
+        m = { Left: 0, Top: 0, Right: 0, Bottom: 0,
+          All: {
+            Left: 0, Top: 0, Right: 0, Bottom: 0
+          }
+        };
+        pos = jQuery(this).offset();
+        pos.top = Math.ceil(pos.top);
+        pos.left = Math.ceil(pos.left);
+
+        size = { width: jQuery(this).outerWidth(), height: jQuery(this).outerHeight() };
+
+        if (name == "All") {
+          m[name]['Left'] = pos.left;
+          m[name]['Top'] = pos.top;
+          m[name]['Right'] = pos.left + size.width;
+          m[name]['Bottom'] = pos.top + size.height;
+        } else {
+         
+          if (name == 'Left' || name == 'Top') {
+            m[name] = name == 'Left' ? pos.left : (pos.top);
+          } else {
+            m[name] = name == 'Right' ? pos.left + size.width : pos.top + size.height;
+          }
+
 
         }
-        //306
-
-
-        return m;
+
+
+        return m[name];
 
 
@@ -91 +101 @@
   jQuery.fn.extend({
 
-    infos: function () {
+    infos: function (Arguments) {
+      if (!Arguments) {
+        Arguments = { pos_absolute: false, pos_externe: false };
+
+      }
+      Args = { pos_absolute: Arguments.pos_absolute || false, pos_externe: Arguments.pos_externe || false };
+
       var width = 0, height = 0;
       var elem = jQuery(this).get(0);
@@ -118 +134 @@
       myposition = "";
       results = {
-        visible:false ,
+        visible: false,
         position: "",
         top: 0,
@@ -136 +152 @@
           bottom: 0
         },
-       
+
         exterieur: {
           width: 0,
@@ -143 +159 @@
           bottom: 0
         },
-    
+
         general: {
           width: 0,
@@ -149 +165 @@
           right: 0,
           bottom: 0,
-          marges: { height:0,
-                    top: 0,
-                    bottom: 0,
-                    width: 0,
-                    left: 0,
-                    right: 0
-                    }
-                },
-        src:"",
-        useMap : "" ,
+          marges: { height: 0,
+            top: 0,
+            bottom: 0,
+            width: 0,
+            left: 0,
+            right: 0
+          }
+        },
+        src: "",
+        useMap: "",
         id: "",
         nodeName: ""
@@ -177 +193 @@
           out_width = width;
           out_height = height;
+          in_width = width; ;
+          in_height = height;
+
         } else {
 
@@ -183 +202 @@
           out_width = jQuery(elem).outerWidth();
           out_height = jQuery(elem).outerHeight();
+          in_width = jQuery(elem).innerWidth();
+          in_height = jQuery(elem).innerHeight();
           elem_parent = elem.parentElement;
           if (typeof elem_parent == "undefined") {
             elem_parent = window;
           }
-          out_width = jQuery(elem).outerWidth();
-          out_height = jQuery(elem).outerHeight();
-          in_width = jQuery(elem).innerWidth();
-          in_height = jQuery(elem).innerHeight();
+
           if (typeof Css.width != "undefined")
             width = Get_Val_int(Css.width, jQuery(elem_parent).width(), 0);
@@ -236 +254 @@
         } else {
           Cl_Position = jQuery(elem).d_position();
+
+          /*
+          margin: 5px; 
+          border: 10px ;
+          padding: 20px; 
+
+          */
+          s_elem = elem;
+          Left = Cl_Position.left; //  291
+          Top = Cl_Position.top; // 812
+          if (Args.pos_absolute == true) {
+
+            all = jQuery(elem).absoluteAll();
+
+            Top = all.Top;
+            Left = all.Left;
+            Args.pos_externe = false;
+          }
+
+          if (Args.pos_externe == true) {
+            if (elem.tagName != "BODY") {
+              nodeName = nodeName || "";
+              L1 = jQuery(elem).position();  // sans les marges ;
+              L2 = jQuery(elem).position(true); //  296 x 817 
+              Left = L1.left;
+              Top = L1.top;
+            }
+
+          }
+
+          elem = s_elem;
         }
-        Left = Cl_Position.left;
-        Top = Cl_Position.top;
-
         visible = jQuery(elem).is(':visible');
-        results = { 
-          useMap : elem.useMap || "none",
+        results = {
+          useMap: elem.useMap || "none",
           src: elem.src || "none",
           visible: visible || false,
@@ -279 +325 @@
                       margin.bottom + borderwidth.bottom +
                       padding.bottom,
-                      top:  margin.top +
+              top: margin.top +
                             borderwidth.top +
                             padding.top,
-                      bottom: margin.bottom +
+              bottom: margin.bottom +
                        borderwidth.bottom +
                         padding.bottom,
-                      width:  margin.left +
+              width: margin.left +
                               borderwidth.left +
                               padding.left +
@@ -291 +337 @@
                               borderwidth.right +
                               padding.right,
-                      left: margin.left +
+              left: margin.left +
                             borderwidth.left +
                             padding.left,
-                      right: margin.right +
+              right: margin.right +
                              borderwidth.right +
                              padding.right
-                    }
+            }
           },
           id: id,
-          nodeName: nodeName
+          nodeName: nodeName || ""
         };
 
@@ -350 +396 @@
     */
     offsetParent: function () {
-      var offsetParent = this[0].offsetParent;
-      while (offsetParent && (!/^body|html$/i.test(offsetParent.tagName) && jQuery.css(offsetParent, 'position') == 'static'))
-        offsetParent = offsetParent.offsetParent;
-      return jQuery(offsetParent);
+      if (this[0] == window) return;
+      try {
+
+        n1 = this[0].nodeName;
+        var offsetParent = this[0].offsetParent;
+
+        while (offsetParent && (!/^body|html$/i.test(offsetParent.tagName) && jQuery.css(offsetParent, 'position') == 'static'))
+          offsetParent = offsetParent.offsetParent;
+        return jQuery(offsetParent);
+      } catch (e) {
+        jQuery(offsetParent);
+      }
     },
     // getStyles(Obj) Récupérer la valeur CSS 
@@ -485 +539 @@
   };
 
- // myjQuery = jQuery;
- // my$ = $;
+  // myjQuery = jQuery;
+  // my$ = $;
 
 })(jQuery);