source: Dev/branches/rest-dojo-ui/client/dojox/xml/tests/widgetParser.html @ 256

Last change on this file since 256 was 256, checked in by hendrikvanantwerpen, 13 years ago

Reworked project structure based on REST interaction and Dojo library. As
soon as this is stable, the old jQueryUI branch can be removed (it's
kept for reference).
File size: 3.3 KB
Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
2        "http://www.w3.org/TR/html4/strict.dtd">
3<html>
4<head>
5        <title>Accordion Widget Demo</title>
6        <style type="text/css">
7                @import "../../../dojo/resources/dojo.css";
8                @import "../../../dijit/themes/tundra/tundra.css";
9        </style>
10
11
12        <script type="text/javascript" src="../../../dojo/dojo.js"
13                djConfig="isDebug: true, parseOnLoad: true"></script>
14               
15        <script type="text/javascript">
16                require([
17                        'dijit/form/Button',
18                        'dijit/layout/AccordionContainer',
19                        'dijit/layout/AccordionPane',
20                        'dijit/form/TextBox',
21                        'dojox/xml/widgetParser',
22                        'dojox/xml/Script'
23                ]);
24        </script>
25
26               
27</head>
28
29<body style="padding: 50px;" class="tundra">
30
31<h1 class="testTitle">AccordionContainer Tests</h1>
32
33<script type="text/xml" dojoType="dojox.xml.Script">
34<ui xmlns:dijit="dijit" xmlns:html="html">
35<html:h2>Accordion from markup:</html:h2>
36        <html:p>HTML before</html:p>
37        <dijit:form.Button label="Hello, World!">
38                <html:script type="dojo/method" event="onClick"><![CDATA[
39                    alert(true && true);
40                ]]></html:script>
41        </dijit:form.Button>
42        <html:p>HTML before</html:p>
43       
44        <html:table>
45        <html:tbody>
46    <html:tr>
47            <html:td>
48                        <html:label style="width:160px;height:60px">HTML Label</html:label>
49            </html:td>
50    </html:tr>
51    </html:tbody>
52    </html:table>
53
54       
55
56        <dijit:layout.AccordionContainer duration="200"
57                style="float: left; margin-right: 30px;  width: 400px; height: 300px; overflow: hidden">
58       
59                <dijit:layout.AccordionPane title="a">
60                        Hello World
61                </dijit:layout.AccordionPane>
62                <dijit:layout.AccordionPane title="b">
63                        <html:p>
64                                Nunc consequat nisi vitae quam. Suspendisse sed nunc. Proin
65                                suscipit porta magna. Duis accumsan nunc in velit. Nam et nibh.
66                                Nulla facilisi. Cras venenatis urna et magna. Aenean magna mauris,
67                                bibendum sit amet, semper quis, aliquet nec, sapien.  Aliquam
68                                aliquam odio quis erat. Etiam est nisi, condimentum non, lacinia
69                                ac, vehicula laoreet, elit. Sed interdum augue sit amet quam
70                                dapibus semper. Nulla facilisi. Pellentesque lobortis erat nec
71                                quam.
72                        </html:p>
73                        <html:p>
74                                Sed arcu magna, molestie at, fringilla in, sodales eu, elit.
75                                Curabitur mattis lorem et est. Quisque et tortor. Integer bibendum
76                                vulputate odio. Nam nec ipsum. Vestibulum mollis eros feugiat
77                                augue. Integer fermentum odio lobortis odio. Nullam mollis nisl non
78                                metus. Maecenas nec nunc eget pede ultrices blandit. Ut non purus
79                                ut elit convallis eleifend. Fusce tincidunt, justo quis tempus
80                                euismod, magna nulla viverra libero, sit amet lacinia odio diam id
81                                risus. Ut varius viverra turpis. Morbi urna elit, imperdiet eu,
82                                porta ac, pharetra sed, nisi. Etiam ante libero, ultrices ac,
83                                faucibus ac, cursus sodales, nisl. Praesent nisl sem, fermentum eu,
84                                consequat quis, varius interdum, nulla. Donec neque tortor,
85                                sollicitudin sed, consequat nec, facilisis sit amet, orci. Aenean
86                                ut eros sit amet ante pharetra interdum.
87                        </html:p>                       
88                </dijit:layout.AccordionPane>
89        </dijit:layout.AccordionContainer>
90</ui>
91</script>
92
93<div style="clear: both;">
94<p>This should appear after the accordion</p>
95</div>
96
97<script type="text/xml"
98        dojoType="dojox.xml.Script"
99        src="myPage.xml">
100</script>
101
102<div>
103<p>This should appear after the accordion</p>
104</div>
105</body>
106
107
108</html>
Note: See TracBrowser for help on using the repository browser.