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/test.html | |
| 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/test.html')
| -rw-r--r-- | static/js/kbjr-DragDrop-906d7ff/test.html | 137 |
1 files changed, 137 insertions, 0 deletions
diff --git a/static/js/kbjr-DragDrop-906d7ff/test.html b/static/js/kbjr-DragDrop-906d7ff/test.html new file mode 100644 index 0000000..304adaa --- /dev/null +++ b/static/js/kbjr-DragDrop-906d7ff/test.html @@ -0,0 +1,137 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + + <!-- Data Tags --> + <title>DragDrop Test</title> + <meta charset="utf-8" /> + + <style type="text/css"> + + * { + margin: 0; + padding: 0; + } + + body { + background: #eee; + } + + #wrapper { + position: relative; + width: 80%; + margin: 20px auto; + border: 2px #000 solid; + background: #fff; + -moz-box-shadow: 3px 3px 3px #888; + -webkit-box-shadow: 3px 3px 3px #888; + box-shadow: 3px 3px 3px #888; + } + + #dragMe { + position: absolute; + top: 15px; + left: 15px; + width: 250px; + height: 250px; + border: 1px #333 solid; + background: #06a; + color: #fff; + font-size: 12px; + font-family: sans-serif; + } + + #withMe { + width: 242px; + background: #666; + border-bottom: 1px #333 solid; + cursor: move; + padding: 4px; + } + + #dragMe p { + padding: 4px; + } + + p.text { + color: #999; + font-size: 32px; + font-family: "URW Chancery L", cursive; + width: 650px; + margin: 0 auto; + padding: 200px 0; + } + + </style> + +</head> +<body> + + <div id="wrapper"> + <div id="dragMe"> + <div id="withMe"> + Drag Me! :D + </div> + <p> + This is some text to test that there are no text selection issues. + </p> + </div> + + <p class="text"> + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis libero enim, lacinia sed hendrerit + sit amet, congue ut ipsum. Nullam mollis, risus eu porta scelerisque. + </p> + </div> + + <!-- JavaScript Includes --> + <script type="text/javascript" charset="utf-8" src="drag-drop.js"></script> + <script type="text/javascript"> + + var dragMe = document.getElementById('dragMe'); + var withMe = document.getElementById('withMe'); + + var shouldntHappen = function() { + console.log('THIS SHOULDN\'T HAPPEN'); + }; + + + var dragRef = DragDrop.bind(dragMe, { + anchor: withMe, + boundingBox: 'offsetParent', + dragstart: function(evt) { + console.log('DragDrop.bind dragstart', evt); + }, + drag: function(evt) { + console.log('DragDrop.bind drag', evt); + }, + dragend: function(evt) { + console.log('DragDrop.bind dragend', evt); + } + }); + + + dragRef.bindEvent('dragstart', function(evt) { + console.log('DragDrop.bindEvent dragstart', evt); + }); + dragRef.bindEvent('drag', function(evt) { + console.log('DragDrop.bindEvent drag', evt); + }); + dragRef.bindEvent('dragend', function(evt) { + console.log('DragDrop.bindEvent dragend', evt); + }); + + + dragRef.bindEvent('dragstart', shouldntHappen); + dragRef.unbindEvent('dragstart', shouldntHappen); + + dragRef.bindEvent('drag', shouldntHappen); + dragRef.unbindEvent('drag', shouldntHappen); + + dragRef.bindEvent('dragend', shouldntHappen); + dragRef.unbindEvent('dragend', shouldntHappen); + + + </script> + +</body> +</html> |