YUI Resizable Component
Written by on November 28th, 2006 in Ajax News.
Jack Slocum keeps ‘em coming with his detailed post on a reusable component for resizing elements.
Jack’s YAHOO.ext.Resizable component does what it says on the tin, and he shows you:
- Basic Resizable div
- Wrapped elements (e.g. text area inside)
- Preserve Ration (e.g. image resizing)
- Transparent Handles
- Customizable Handles
- Snapping to increments
- Animated Transitions
var animated = new YAHOO.ext.Resizable(’animated’, {
width: 200,
height: 100,
minWidth:100,
minHeight:50,
animate:true,
easing: YAHOO.util.Easing.backIn,
duration:.6
});
width: 200,
height: 100,
minWidth:100,
minHeight:50,
animate:true,
easing: YAHOO.util.Easing.backIn,
duration:.6
});
Source: Ajaxian
Original Article: http://ajaxian.com/archives/yui-resizable-component