diff options
| author | Horus3 | 2015-02-27 04:02:15 +0100 |
|---|---|---|
| committer | Horus3 | 2015-02-27 04:02:15 +0100 |
| commit | 6837ddf68f13a1633ea868ab55d71389ca5bc175 (patch) | |
| tree | 94fbfabdfa4506eb1b2dbf0067a7c0fa87f294c9 /static/js/kbjr-DragDrop-906d7ff/readme.textile | |
| parent | 60767a3ea8190d3f070f3aae86c2d72ffb10cfd6 (diff) | |
| download | statuspage-6837ddf68f13a1633ea868ab55d71389ca5bc175.tar.gz | |
Version 0.2. Sends E-Mails now. Also sticky post on index page to quickly inform people. Concatenated all CSS and JavaScript files.
Diffstat (limited to 'static/js/kbjr-DragDrop-906d7ff/readme.textile')
| -rw-r--r-- | static/js/kbjr-DragDrop-906d7ff/readme.textile | 58 |
1 files changed, 58 insertions, 0 deletions
diff --git a/static/js/kbjr-DragDrop-906d7ff/readme.textile b/static/js/kbjr-DragDrop-906d7ff/readme.textile new file mode 100644 index 0000000..5c59960 --- /dev/null +++ b/static/js/kbjr-DragDrop-906d7ff/readme.textile @@ -0,0 +1,58 @@ +h1. DragDrop + +h3. A JavaScript micro-framework for adding drag-and-drop functionality to elements for advanced UI development + +Author: James Brumond +Version: 0.2.3-beta + +Copyright 2011 James Brumond +Dual licensed under MIT and GPL + +h4. Notice + +The change to version 0.2.1-beta is *NOT* backwards compatible. Make sure to look over the samples below. + +h2. Features + +* Simple and intuitive interface +* Option to seperate the event target from the dragged element +* Bindable dragstart/drag/dragend events +* Option to define bounding boxes (*new* in version 0.2.1-beta) +* Very lightweight (only 1.8kb minified and gzipped) + +h2. Samples! :) + +<pre><code>// Make myElement drag-and-drop enabled +DragDrop.bind(myElement); + +// A more complex version +var draggable = DragDrop.bind(myElement, { + // The anchor; myElement moves when anotherElement is dragged + anchor: anotherElement, + // The draggable element will now stay bound within it's offsetParent + boundingBox: 'offsetParent', + // Define a dragstart event + dragstart: function(evt) { + // ... + } +}); + +// Change the bounding box to some manual positions +draggable.setBoundingBox({ + x: { min: 0, max: 600 }, + y: { min: 0, max: 400 } +}); + +// Define a new dragend event +draggable.bindEvent('dragend', function(evt) { + // ... +}); + +// This is how you would remove a drag event (if one were defined above) +draggable.unbindEvent('drag', theBoundDragEventFunction);</code></pre> + + + + + + |
