source: Dev/trunk/src/client/dijit/tests/test_UIWindowIssue_main.html

Last change on this file was 483, checked in by hendrikvanantwerpen, 11 years ago

Added Dojo 1.9.3 release.
File size: 4.2 KB
Line 
1<!DOCTYPE html>
2<html>
3<head>
4        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
5        <title>Focus Issue</title>
6        <style type="text/css">
7                @import "../themes/claro/claro.css";
8        </style>
9</head>
10<body class="claro">
11        <iframe style="width:100%;height:2em;" src="./test_UIWindowIssue_child.html"></iframe>
12
13        <div id="menu" data-dojo-type="dijit/Menu" data-dojo-props="contextMenuForWindow:true" style="display:none;">
14                <div data-dojo-type="dijit/MenuItem" data-dojo-props='onClick:function(){ console.log("Hello world"); }'>Context Menu</div>
15                <div data-dojo-type="dijit/MenuSeparator"></div>
16                <div data-dojo-type="dijit/MenuItem" data-dojo-props='disabled:true, onClick:function(){ alert("this should NOT appear"); }'>Disabled Item</div>
17                <div data-dojo-type="dijit/MenuItem" data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconCut",
18                        onClick:function(){ console.log("not actually cutting anything, just a test!") }, accelKey:"Ctrl+X"'>Cut</div>
19                <div data-dojo-type="dijit/MenuItem" data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconCopy",
20                        onClick:function(){ console.log("not actually copying anything, just a test!") }, accelKey:"Ctrl+C"'>Copy</div>
21                <div data-dojo-type="dijit/MenuItem" data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconPaste",
22                        onClick:function(){ console.log("not actually pasting anything, just a test!") }, accelKey:"Ctrl+V"'>Paste</div>
23                <div data-dojo-type="dijit/MenuSeparator"></div>
24                <div id="enabledSubmenu" data-dojo-type="dijit/PopupMenuItem" >
25                        <span>Enabled Submenu</span>
26                        <div id="submenu2" data-dojo-type="dijit/Menu" >
27                                <div id="submenu2_item1" data-dojo-type="dijit/MenuItem" data-dojo-props='onClick:function(){ console.log("Submenu 1!") }'>Submenu Item One</div>
28                                <div id="submenu2_item2" data-dojo-type="dijit/MenuItem" data-dojo-props='onClick:function(){ console.log("Submenu 2!") }'>Submenu Item Two</div>
29                                <div id="deeperSubmenu" data-dojo-type="dijit/PopupMenuItem" >
30                                        <span>Deeper Submenu</span>
31                                        <div id="submenu4" data-dojo-type="dijit/Menu" >
32                                                <div data-dojo-type="dijit/MenuItem" data-dojo-props='onClick:function(){ console.log("Sub-submenu 1!") }'>Sub-sub-menu Item One</div>
33                                                <div data-dojo-type="dijit/MenuItem" data-dojo-props='onClick:function(){ console.log("Sub-submenu 2!") }'>Sub-sub-menu Item Two</div>
34                                        </div>
35                                </div>
36                        </div>
37                </div>
38                <div data-dojo-type="dijit/PopupMenuItem" data-dojo-props='disabled:true'>
39                        <span>Disabled Submenu</span>
40                        <div id="submenu3" data-dojo-type="dijit/Menu" data-dojo-props='style:"display: none;"'>
41                                <div data-dojo-type="dijit/MenuItem" data-dojo-props='onClick:function(){ console.log("Submenu 1!") }'>Submenu Item One</div>
42                                <div data-dojo-type="dijit/MenuItem" data-dojo-props='onClick:function(){ console.log("Submenu 2!") }'>Submenu Item Two</div>
43                        </div>
44                </div>
45                <div data-dojo-type="dijit/MenuSeparator"></div>
46                <div data-dojo-type="dijit/CheckedMenuItem" data-dojo-props='checked:true, onChange:function(val){ console.log("Now set to " + val); }'>Checked</div>
47                <div data-dojo-type="dijit/CheckedMenuItem">Not Checked</div>
48                <div data-dojo-type="dijit/CheckedMenuItem" data-dojo-props='checked:true, disabled:true'>Checked Disabled</div>
49                <div data-dojo-type="dijit/MenuSeparator"></div>
50                <div data-dojo-type="dijit/PopupMenuItem">
51                        <span>Bigger Submenu</span>
52                        <div id="bigsubmenu" data-dojo-type="dijit/Menu" data-dojo-props='style:"display: none;"'>
53                                <div data-dojo-type="dijit/MenuItem">Item One</div>
54                                <div data-dojo-type="dijit/MenuItem">Item Two</div>
55                                <div data-dojo-type="dijit/MenuItem">Item Three</div>
56                                <div data-dojo-type="dijit/MenuItem">Item Four</div>
57                                <div data-dojo-type="dijit/MenuItem">Item Five</div>
58                                <div data-dojo-type="dijit/MenuItem">Item Six</div>
59                                <div data-dojo-type="dijit/MenuItem">Item Seven</div>
60                                <div data-dojo-type="dijit/MenuItem">Item Eight</div>
61                                <div data-dojo-type="dijit/MenuItem">Item Nine</div>
62                                <div data-dojo-type="dijit/MenuItem">Item Ten</div>
63                        </div>
64                </div>
65        </div>
66
67        <p>To test:
68        <ul>
69        <li>Right mouse click anywhere on the page to see the context menu</li>
70        <li>Mouse-over "Enabled Submenu"</li>
71        <li>Make sure the submenu is positioned properly</li>
72        </ul>
73        </p>
74</body>
75</html>
Note: See TracBrowser for help on using the repository browser.