diff options
Diffstat (limited to 'webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/test/DragAndDropManager_2.html')
| -rw-r--r-- | webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/test/DragAndDropManager_2.html | 135 |
1 files changed, 0 insertions, 135 deletions
diff --git a/webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/test/DragAndDropManager_2.html b/webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/test/DragAndDropManager_2.html deleted file mode 100644 index 31bf712a05..0000000000 --- a/webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/test/DragAndDropManager_2.html +++ /dev/null @@ -1,135 +0,0 @@ -<html> -<head> - <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> - <title>qooxdoo » Demo » Sample</title> - <link type="text/css" rel="stylesheet" href="../../css/layout.css"/> - <!--[if IE]> - <link type="text/css" rel="stylesheet" href="../../css/layout_ie.css"/> - <![endif]--> - <script type="text/javascript" src="../../script/sample.js"></script> -</head> -<body> - <script type="text/javascript" src="../../script/layout.js"></script> - - <div id="demoDescription"> - <p>Test for drag&drop implementation.</p> - <p>Changing the action using the modifier keys (Shift, Alt, Control) might not work in Safari.</p> - </div> - - <script type="text/javascript"> - qx.core.Init.getInstance().defineMain(function() - { - var d = qx.ui.core.ClientDocument.getInstance(); - - var a1 = new qx.ui.basic.Atom("Drag Me"); - a1.set({ backgroundColor: "white", border: qx.renderer.border.BorderPresets.getInstance().groove }); - a1.setPadding(10); - a1.setLocation(20, 48); - d.add(a1); - - - - - function printEvent(e) { - return "TARGET:" + (e.getTarget() ? e.getTarget().toHashCode() : "null") + " [ORIG:" + (e.getOriginalTarget() ? e.getOriginalTarget().toHashCode() : "null") + "] [REL:" + (e.getRelatedTarget() ? e.getRelatedTarget().toHashCode() : "null") + "]"; - }; - - function handleDragStart(e) - { - this.debug("Fire DragStart: " + printEvent(e)); - - e.addData(qx.util.Mime.TEXT, "Plain text"); - e.addData(qx.util.Mime.HTML, "Some <strong>HTML</strong>"); - - e.addAction("copy"); - e.addAction("move"); - e.addAction("alias"); - - if (feedbackCheckBox.isChecked()) { - var feedbackWidget = new qx.ui.basic.Atom("Some HTML", "icon/16/file-new.png"); - feedbackWidget.set({ border:new qx.renderer.border.Border(1, "dashed", "gray"), - opacity:0.7 }); - feedbackWidget.setPadding(2); - - e.setFeedbackWidget(feedbackWidget, 15, 0, true); - e.setCursorPosition(15, 25); - } - - e.startDrag(); - }; - - function handleDragDrop( e ) - { - this.debug("Fire DragDrop: " + printEvent(e)); - - var type = e.getDropDataTypes()[0]; - var data = e.getData(type); - - switch(type) - { - case qx.util.Mime.TEXT: - case qx.util.Mime.HTML: - this.setLabel(data); - break; - }; - }; - - function handleDragOver(e) - { - this.debug("Fire DragOver: " + printEvent(e)); - e.getTarget().setBackgroundColor("#f2f2f2"); - }; - - function handleDragOut(e) - { - this.debug("Fire DragOut: " + printEvent(e)); - e.getTarget().setBackgroundColor("#fff"); - }; - - function handleDragEnd(e) { - this.debug("Fire DragEnd: " + printEvent(e)); - }; - - - - - a1.addEventListener("dragstart", handleDragStart); - a1.addEventListener("dragend", handleDragEnd); - - - var feedbackCheckBox = new qx.ui.form.CheckBox("Show feedback"); - feedbackCheckBox.setLocation(120, 55); - - var w1 = new qx.ui.basic.Atom("Drop to me"); - w1.set({ backgroundColor: "white", border: qx.renderer.border.BorderPresets.getInstance().groove, width: 100, height: 100, top: 100, left: 20, horizontalAlign: "center" }); - w1.setDropDataTypes([qx.util.Mime.HTML, qx.util.Mime.TEXT]); - w1.addEventListener("dragdrop", handleDragDrop); - w1.addEventListener("dragover", handleDragOver); - w1.addEventListener("dragout", handleDragOut); - - var w2 = new qx.ui.basic.Atom("Drop to me"); - w2.set({ backgroundColor: "white", border: qx.renderer.border.BorderPresets.getInstance().groove, width: 100, height: 100, top: 200, left: 20, horizontalAlign: "center" }); - w2.setDropDataTypes([qx.util.Mime.HTML, qx.util.Mime.TEXT]); - w2.addEventListener("dragdrop", handleDragDrop); - w2.addEventListener("dragover", handleDragOver); - w2.addEventListener("dragout", handleDragOut); - - var w3 = new qx.ui.basic.Atom("Drop to me"); - w3.set({ backgroundColor: "white", border: qx.renderer.border.BorderPresets.getInstance().groove, width: 100, height: 100, top: 100, left: 150, horizontalAlign: "center" }); - w3.setDropDataTypes([qx.util.Mime.HTML, qx.util.Mime.TEXT]); - w3.addEventListener("dragdrop", handleDragDrop); - w3.addEventListener("dragover", handleDragOver); - w3.addEventListener("dragout", handleDragOut); - - var w4 = new qx.ui.basic.Atom("Drop to me"); - w4.set({ backgroundColor: "white", border: qx.renderer.border.BorderPresets.getInstance().groove, width: 100, height: 100, top: 200, left: 150, horizontalAlign: "center" }); - w4.setDropDataTypes([qx.util.Mime.HTML, qx.util.Mime.TEXT]); - w4.addEventListener("dragdrop", handleDragDrop); - w4.addEventListener("dragover", handleDragOver); - w4.addEventListener("dragout", handleDragOut); - - d.add(feedbackCheckBox, w1, w2, w3, w4); - }); - </script> -</body> -</html>
\ No newline at end of file |