swat.obsolete/apps/qooxdoo-examples/test/Menu_2.html

   1 <html>
   2 <head>
   3   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   4   <title>qooxdoo &raquo; Demo</title>
   5   <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
   6   <!--[if IE]>
   7   <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
   8   <![endif]-->
   9   <script type="text/javascript" src="../../script/qx.js"></script>
  10 </head>
  11 <body>
  12   <script type="text/javascript" src="../../script/layout.js"></script>
  13
  14   <div id="demoDescription">
  15     <p>qx.ui.menu.Menu Implementation.</p>
  16     <p>Added qx.client.Command support tests.</p>
  17     <p>Create the menu instances on the first opening.</p>
  18   </div>
  19
  20   <script type="text/javascript">
  21     qx.core.Init.getInstance().defineMain(function()
  22     {
  23       var d = qx.ui.core.ClientDocument.getInstance();
  24
  25       var q1 = new qx.client.Command("Ctrl+Z");
  26       q1.addEventListener("execute", function(e) {
  27         alert("Undo");
  28       });
  29
  30       var q2 = new qx.client.Command("Ctrl+Y");
  31       q2.addEventListener("execute", function(e) {
  32         alert("Redo");
  33       });
  34
  35       var q3 = new qx.client.Command("Ctrl+X");
  36       q3.addEventListener("execute", function(e) {
  37         alert("Cut");
  38       });
  39
  40       var q4 = new qx.client.Command("Ctrl+C");
  41       q4.addEventListener("execute", function(e) {
  42         alert("Copy");
  43       });
  44
  45       var q5 = new qx.client.Command("Ctrl+V");
  46       q5.addEventListener("execute", function(e) {
  47         alert("Paste");
  48       });
  49
  50       var q6 = new qx.client.Command("Del");
  51       q6.addEventListener("execute", function(e) {
  52         alert("Delete");
  53       });
  54
  55       var q7 = new qx.client.Command("Ctrl+A");
  56       q7.addEventListener("execute", function(e) {
  57         alert("Select All");
  58       });
  59
  60       var q8 = new qx.client.Command("Ctrl+F");
  61       q8.addEventListener("execute", function(e) {
  62         alert("Search");
  63       });
  64
  65       var q9 = new qx.client.Command("Ctrl+G");
  66       q9.addEventListener("execute", function(e) {
  67         alert("Search Again");
  68       });
  69
  70       var q10 = new qx.client.Command();
  71       q10.addEventListener("execute", function(e) {
  72         alert("Syntax Highlighting");
  73       });
  74
  75       var q11 = new qx.client.Command("Esc");
  76       q11.addEventListener("execute", function(e) {
  77         alert("Escape");
  78       });
  79
  80       var q12 = new qx.client.Command(null, qx.event.type.KeyEvent.keys.space);
  81       q12.addEventListener("execute", function(e) {
  82         alert("Space");
  83       });
  84
  85
  86       var m1, m2, m3;
  87
  88       function createMenus()
  89       {
  90         m2 = new qx.ui.menu.Menu;
  91
  92         var mb2_01 = new qx.ui.menu.MenuButton("New Window");
  93         var mb2_02 = new qx.ui.menu.MenuButton("Overlapping");
  94         var mb2_03 = new qx.ui.menu.MenuButton("Split Vertical");
  95         var mb2_04 = new qx.ui.menu.MenuButton("Split Horizontal");
  96         var mb2_05 = new qx.ui.menu.MenuButton("Next Window");
  97         var mb2_06 = new qx.ui.menu.MenuButton("Previous Window");
  98
  99         m2.add(mb2_01, mb2_02, mb2_03, mb2_04, mb2_05, mb2_06);
 100
 101
 102
 103
 104         m3 = new qx.ui.menu.Menu;
 105
 106         var mb3_01 = new qx.ui.menu.MenuButton("Tahoma, 11pt");
 107         var mb3_02 = new qx.ui.menu.MenuButton("Tahoma, 12pt");
 108         var mb3_03 = new qx.ui.menu.MenuButton("Tahoma, 13pt");
 109         var mb3_04 = new qx.ui.menu.MenuButton("Tahoma, 14pt");
 110         var mb3_05 = new qx.ui.menu.MenuButton("Tahoma, 15pt");
 111
 112         m3.add(mb3_01, mb3_02, mb3_03, mb3_04, mb3_05);
 113
 114
 115
 116         m1 = new qx.ui.menu.Menu;
 117
 118         var mb1_01 = new qx.ui.menu.MenuButton("View/Lists", null, q12);
 119         var mb1_02 = new qx.ui.menu.MenuButton("Syntax Highlighting", null, q10);
 120         var ms1    = new qx.ui.menu.MenuSeparator();
 121         var mb1_03 = new qx.ui.menu.MenuButton("Window Font", null, q11);
 122         var mb1_04 = new qx.ui.menu.MenuButton("Printer Font", null, null, m3);
 123         var ms2    = new qx.ui.menu.MenuSeparator();
 124         var mb1_05 = new qx.ui.menu.MenuButton("Undo", null, q1);
 125         var mb1_06 = new qx.ui.menu.MenuButton("Redo", null, q2);
 126         var ms3    = new qx.ui.menu.MenuSeparator();
 127         var mb1_07 = new qx.ui.menu.MenuButton("Cut", "icon/16/edit-cut.png", q3);
 128         var mb1_08 = new qx.ui.menu.MenuButton("Copy", "icon/16/edit-copy.png", q4);
 129         var mb1_09 = new qx.ui.menu.MenuButton("Paste", "icon/16/edit-paste.png", q5);
 130         var mb1_10 = new qx.ui.menu.MenuButton("Delete", "icon/16/edit-delete.png", q6);
 131         var mb1_11 = new qx.ui.menu.MenuButton("Select All", null, q7);
 132         var ms4    = new qx.ui.menu.MenuSeparator();
 133         var mb1_12 = new qx.ui.menu.MenuButton("Search", null, q8);
 134         var mb1_13 = new qx.ui.menu.MenuButton("Search Again", null, q9);
 135         var ms5    = new qx.ui.menu.MenuSeparator();
 136         var mb1_14 = new qx.ui.menu.MenuButton("View", null, null, m2);
 137         var mb1_15 = new qx.ui.menu.MenuButton("Editor Settings...");
 138         var mb1_16 = new qx.ui.menu.MenuButton("Editor Plugins");
 139         var mb1_17 = new qx.ui.menu.MenuButton("Framework Settings");
 140
 141         m1.add(mb1_01, mb1_02, ms1, mb1_03, mb1_04, ms2, mb1_05, mb1_06, ms3, mb1_07, mb1_08, mb1_09, mb1_10, mb1_11, ms4, mb1_12, mb1_13, ms5, mb1_14, mb1_15, mb1_16, mb1_17);
 142
 143
 144         d.add(m1, m2, m3);
 145       };
 146
 147
 148
 149
 150
 151       var w1 = new qx.ui.form.Button("Open");
 152
 153       w1.setTop(48);
 154       w1.setLeft(20);
 155
 156       w1.addEventListener("click", function(e)
 157       {
 158         if (!m1) {
 159           createMenus();
 160         };
 161
 162         if (m1.isSeeable())
 163         {
 164           m1.hide();
 165         }
 166         else
 167         {
 168           var el = this.getElement();
 169
 170           m1.setLeft(qx.dom.DomLocation.getPageBoxLeft(el));
 171           m1.setTop(qx.dom.DomLocation.getPageBoxBottom(el));
 172
 173           m1.show();
 174         };
 175
 176         e.setPropagationStopped(true);
 177       });
 178
 179       w1.addEventListener("mousedown", function(e)
 180       {
 181         e.setPropagationStopped(true);
 182       });
 183
 184
 185       d.add(w1);
 186
 187
 188
 189
 190
 191
 192
 193
 194
 195       // Icon Themes
 196       qx.manager.object.ImageManager.getInstance().createThemeList(d, 180, 48);
 197
 198       // Color Themes
 199       qx.manager.object.ColorManager.getInstance().createThemeList(d, 380, 48);
 200
 201
 202     });
 203   </script>
 204 </body>
 205 </html>