-<html>\r
-<head>\r
-<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">\r
-<title>ARIA Enabled Tree</title>\r
- <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />\r
- <!-- Common Styles for the examples -->\r
- <link rel="stylesheet" type="text/css" href="../shared/examples.css" />\r
-\r
- <style type="text/css">\r
- #tree {\r
- float:left;\r
- margin:20px;\r
- border:1px solid #c3daf9;\r
- }\r
- .folder .x-tree-node-icon{\r
- background:transparent url(../../resources/images/default/tree/folder.gif);\r
- }\r
- .x-tree-node-expanded .x-tree-node-icon{\r
- background:transparent url(../../resources/images/default/tree/folder-open.gif);\r
- }\r
- .x-a11y-focusframe {\r
- position: absolute;\r
- top: 0;\r
- left: 0;\r
- z-index: 10000000;\r
- width: 0;\r
- height: 0;\r
- font-size: 0;\r
- }\r
- .x-a11y-focusframe-side {\r
- position: absolute;\r
- font-size: 0;\r
- overflow: hidden;\r
- }\r
- .x-a11y-focusable:focus {\r
- outline: none\r
- }\r
- button.x-a11y-focusable::-moz-focus-inner{border:none}\r
- </style>\r
-\r
- <!-- GC -->\r
- <!-- LIBS -->\r
- <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>\r
- <!-- ENDLIBS -->\r
-\r
- <script type="text/javascript" src="../../ext-all.js"></script>\r
- <script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES -->\r
- <script type="text/javascript" src="../ux/Focus.js"></script>\r
- <script type="text/javascript" src="ARIA.js"></script>\r
- <script type="text/javascript" src="aria-tree.js"></script>\r
-</head>\r
-\r
-<body role="">\r
- <h1>ARIA Enabled Tree</h1>\r
- <p>This example shows a TreePanel with ARIA enabled. Download a screenreader like NVDA and navigate to this page\r
- to test. By default the tree will be focused. Press down to select the root node and start navigating using the arrow keys.</p>\r
-\r
- <div id="tree"></div>\r
-</body>\r
-</html>\r
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<title>ARIA Enabled Tree</title>
+ <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
+ <!-- Common Styles for the examples -->
+ <link rel="stylesheet" type="text/css" href="../shared/examples.css" />
+
+ <style type="text/css">
+ #tree {
+ float:left;
+ margin:20px;
+ border:1px solid #c3daf9;
+ }
+ .folder .x-tree-node-icon{
+ background:transparent url(../../resources/images/default/tree/folder.gif);
+ }
+ .x-tree-node-expanded .x-tree-node-icon{
+ background:transparent url(../../resources/images/default/tree/folder-open.gif);
+ }
+ .x-a11y-focusframe {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 10000000;
+ width: 0;
+ height: 0;
+ font-size: 0;
+ }
+ .x-a11y-focusframe-side {
+ position: absolute;
+ font-size: 0;
+ overflow: hidden;
+ }
+ .x-a11y-focusable:focus {
+ outline: none
+ }
+ button.x-a11y-focusable::-moz-focus-inner{border:none}
+ </style>
+
+ <!-- GC -->
+ <!-- LIBS -->
+ <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
+ <!-- ENDLIBS -->
+
+ <script type="text/javascript" src="../../ext-all.js"></script>
+ <script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES -->
+ <script type="text/javascript" src="../ux/Focus.js"></script>
+ <script type="text/javascript" src="ARIA.js"></script>
+ <script type="text/javascript" src="aria-tree.js"></script>
+</head>
+
+<body role="">
+ <h1>ARIA Enabled Tree</h1>
+ <p>This example shows a TreePanel with ARIA enabled. Download a screenreader like NVDA and navigate to this page
+ to test. By default the tree will be focused. Press down to select the root node and start navigating using the arrow keys.</p>
+
+ <div id="tree"></div>
+</body>
+</html>
git.ithinksw.org / extjs.git / blobdiff