summaryrefslogtreecommitdiff
path: root/swat.obsolete/apps/qooxdoo-examples/test/Window_3.html
diff options
context:
space:
mode:
Diffstat (limited to 'swat.obsolete/apps/qooxdoo-examples/test/Window_3.html')
-rw-r--r--swat.obsolete/apps/qooxdoo-examples/test/Window_3.html99
1 files changed, 99 insertions, 0 deletions
diff --git a/swat.obsolete/apps/qooxdoo-examples/test/Window_3.html b/swat.obsolete/apps/qooxdoo-examples/test/Window_3.html
new file mode 100644
index 0000000000..6493e7b81e
--- /dev/null
+++ b/swat.obsolete/apps/qooxdoo-examples/test/Window_3.html
@@ -0,0 +1,99 @@
+<html>
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <title>qooxdoo &raquo; Demo</title>
+ <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+ <!--[if IE]>
+ <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+ <![endif]-->
+ <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+ <script type="text/javascript" src="../../script/layout.js"></script>
+
+ <div id="demoDescription">
+ <p>Modal dialog with qx.ui.form.TextField and qx.ui.form.TextArea</p>
+ </div>
+
+
+ <script type="text/javascript">
+ qx.core.Init.getInstance().defineMain(function()
+ {
+
+ var d = qx.ui.core.ClientDocument.getInstance();
+ var txtfld;
+
+ var dialogEditFrage = new qx.ui.window.Window("Edit", "icon/16/editor.png");
+
+ with(dialogEditFrage) {
+ setSpace(300, 400, 100, 300);
+ setModal(true);
+
+ setShowClose(false);
+
+ var qx_widget = new qx.ui.basic.Atom('Question');
+ with(qx_widget)
+ {
+ setHorizontalChildrenAlign('right');
+ set({top:10,left:10,width:'20%'});
+ };
+ add(qx_widget);
+
+ qx_widget = txtfld = new qx.ui.form.TextArea();
+ with (qx_widget) {
+ set({top:10,right:10,width:'70%'})
+ };
+ add(qx_widget);
+
+ qx_widget = new qx.ui.basic.Atom('Type');
+ with(qx_widget)
+ {
+ setHorizontalChildrenAlign('right');
+ set({top:70,left:10,width:'20%'});
+ };
+ add(qx_widget);
+
+ qx_widget = new qx.ui.form.TextField();
+ with (qx_widget) {
+ set({top:70,right:10,width:'70%'})
+ };
+ add(qx_widget);
+
+
+ var btnOK = new qx.ui.form.Button("OK", "icon/16/button-ok.png");
+ var btnCancel = new qx.ui.form.Button("Cancel", "icon/16/button-cancel.png");
+ var btnSetText = new qx.ui.form.Button("Reload", "icon/16/reload.png");
+
+ btnOK.set({ bottom : 10, right : 10 });
+ btnCancel.set({ bottom : 10, left : 10 });
+ btnSetText.set({ bottom : 10, left : 100 });
+
+ btnCancel.addEventListener("execute", function(e) {
+ dialogEditFrage.close();
+ });
+ btnOK.addEventListener("execute", function(e) {
+ dialogEditFrage.close();
+ });
+
+ btnSetText.addEventListener("execute", function(e) {
+ txtfld.setValue("Some Text here!");
+ txtfld.setFocused(true);
+ });
+
+ add(btnOK, btnCancel, btnSetText);
+ }
+
+
+ var btnOpen = new qx.ui.form.Button("Open the dialog");
+ btnOpen.set({ top : 50, left : 20 });
+ btnOpen.addEventListener("click", function(e) {
+ dialogEditFrage.open();
+ });
+
+ d.add(btnOpen,dialogEditFrage);
+ });
+
+ </script>
+
+</body>
+</html> \ No newline at end of file