webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/example/Menu_1.html

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