summaryrefslogtreecommitdiff
path: root/static/js/kbjr-DragDrop-906d7ff/readme.textile
diff options
context:
space:
mode:
authorHorus32015-02-27 04:02:15 +0100
committerHorus32015-02-27 04:02:15 +0100
commit6837ddf68f13a1633ea868ab55d71389ca5bc175 (patch)
tree94fbfabdfa4506eb1b2dbf0067a7c0fa87f294c9 /static/js/kbjr-DragDrop-906d7ff/readme.textile
parent60767a3ea8190d3f070f3aae86c2d72ffb10cfd6 (diff)
downloadstatuspage-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.textile58
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>
+
+
+
+
+
+