This script shows you an easy means of adding drag and resize capability to elements on your webpage.
It can drag elements around via a titlebar or the whole element, and dynamically apply fully direction resize handles to an element. You could use it as an in-browser windowing system if you wanted!
Features include:
- Can both drag and resize page elements.
- Works with absolute and relatively positioned elements in your page.
- Customisable appearance as it makes extensive use of CSS classes for layout of its resisze handles.
- Unobtrusive, Object-Orientated JavaScript means it's easy to add to your pages.
- Bounding boxes and minimum sizes can be set and automatically enforced.
- Cross-browser compatible so it works for everyone.
- Small code size