Changeset 13352

Timestamp:

06/07/08 04:45:51 (5 years ago)

Author:

dankogai

Message:

makes DOM resizable

Location:

lang/javascript/DOM.resize

Files:

• resize.html (modified) (1 diff)
• resize.js (modified) (2 diffs)

lang/javascript/DOM.resize/resize.html

@@ -14 +14 @@
 </div>
 
-<div class="resizable" style="min-width:100;min-height:100;width:400;height:200;">
+<div class="resizable" style="min-width:100;min-height:100;width:400;height:200;padding:20">
 <pre style="margin:1em">
 min-width:100;

lang/javascript/DOM.resize/resize.js

@@ -37 +37 @@
 var start_resize = function(){    
     var parent = this.parentNode;
-    var cx = parseInt(this.style.width) >> 1;
-    var cy = parseInt(this.style.height) >> 1;
-    var mx = parseInt(this.style.minWidth)  || cx * 4;
-    var my = parseInt(this.style.minHeight) || cy * 4;
+    var cx = parseInt(parent.style.paddingRight)  >> 1;
+    var cy = parseInt(parent.style.paddingBottom) >> 1;
+    var mx = parseInt(parent.style.minWidth)  || cx * 4;
+    var my = parseInt(parent.style.minHeight) || cy * 4;
     mousemove = function(evt){
-        var x = (evt.offsetX || evt.layerX) + cx;
+        var x = (evt.offsetX || evt.layerX) - cx;
         if (isNaN(x) || x < mx) return;
-        var y = (evt.offsetY || evt.layerY) + cy;
+        var y = (evt.offsetY || evt.layerY) - cy;
         if (isNaN(y) || y < my) return;
         parent.style.width  = x;
@@ -88 +88 @@
         elem.style.border = 'outset 1px';
         if (!elem.style.position) elem.style.position = 'relative';
-        if (!elem.style.paddingRight) elem.style.paddingRight = rstyle.width;
-        if (!elem.style.paddingBottom) elem.style.paddingBottom = rstyle.height;        
+        if (!elem.style.paddingRight)
+            elem.style.paddingRight = elem.style.padding || rstyle.width;
+        if (!elem.style.paddingBottom) 
+            elem.style.paddingBottom = elem.style.padding || rstyle.height;        
         var resizer = document.createElement('div');
         for (var p in rstyle) resizer.style[p] = rstyle[p];