summaryrefslogtreecommitdiff
path: root/webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/test/DragAndDropManager_1.html
diff options
context:
space:
mode:
Diffstat (limited to 'webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/test/DragAndDropManager_1.html')
-rw-r--r--webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/test/DragAndDropManager_1.html131
1 files changed, 0 insertions, 131 deletions
diff --git a/webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/test/DragAndDropManager_1.html b/webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/test/DragAndDropManager_1.html
deleted file mode 100644
index 1412a37315..0000000000
--- a/webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/test/DragAndDropManager_1.html
+++ /dev/null
@@ -1,131 +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 handleDragStart(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");
-
- e.startDrag();
- };
-
- function handleDragDrop( e )
- {
- var type = e.getDropDataTypes()[0];
- var data = e.getData(type);
-
- this.debug("Drag&Drop Action: " + e.getAction());
-
- switch(type)
- {
- case qx.util.Mime.TEXT:
- case qx.util.Mime.HTML:
- this.setLabel(data);
- break;
- };
- };
-
- function handleDragOver(e) {
- e.getTarget().setBackgroundColor("#f2f2f2");
- };
-
- function handleDragOut(e) {
- e.getTarget().setBackgroundColor("#fff");
- };
-
- function handleDragEnd(e)
- {
- // we don't need to do anything here
- // If we had a succesful move action we might have removed
- // the source here or something else
- };
-
- a1.addEventListener("dragstart", handleDragStart);
-
-
-
-
- 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: 230, 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: 230, 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);
-
-
-
- var f1 = new qx.ui.layout.CanvasLayout;
- f1.set({ backgroundColor: "orange", width: 230, height: 120, top: 350, left: 20 });
-
- var w5 = new qx.ui.basic.Atom("Drop to me");
- w5.set({ backgroundColor: "white", border: qx.renderer.border.BorderPresets.getInstance().groove, width: 100, height: 100, top: 10, horizontalAlign: "center" });
- w5.setDropDataTypes([qx.util.Mime.HTML, qx.util.Mime.TEXT]);
- w5.addEventListener("dragdrop", handleDragDrop);
- w5.addEventListener("dragover", handleDragOver);
- w5.addEventListener("dragout", handleDragOut);
-
- var w6 = new qx.ui.basic.Atom("Drop to me");
- w6.set({ backgroundColor: "white", border: qx.renderer.border.BorderPresets.getInstance().groove, width: 100, height: 100, top: 10, right: 0, horizontalAlign: "center" });
- w6.setDropDataTypes([qx.util.Mime.HTML, qx.util.Mime.TEXT]);
- w6.addEventListener("dragdrop", handleDragDrop);
- w6.addEventListener("dragover", handleDragOver);
- w6.addEventListener("dragout", handleDragOut);
-
- f1.add(w5, w6);
- d.add(w1, w2, w3, w4, f1);
- });
- </script>
-</body>
-</html> \ No newline at end of file