summaryrefslogtreecommitdiff
path: root/webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/test/DragAndDropManager_2.html
diff options
context:
space:
mode:
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.html135
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 &raquo; Demo &raquo; 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&#38;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