source: Dev/trunk/src/client/dojox/mobile/tests/test_migrationAssist.html

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

Added Dojo 1.9.3 release.
File size: 5.5 KB
Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2<html>
3        <head>
4                <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
5                <meta name="apple-mobile-web-app-capable" content="yes" />
6                <title>Heading</title>
7                <link href="../themes/iphone/base.css" rel="stylesheet"/>
8                <link href="../themes/iphone/TabBar.css" rel="stylesheet"/>
9                <link href="../themes/common/domButtons.css" rel="stylesheet"/>
10                <link href="../themes/common/FixedSplitter.css" rel="stylesheet"/>
11                <link href="../themes/common/SpinWheel.css" rel="stylesheet"/>
12
13                <link href="../themes/iphone/SpinWheel.css" rel="stylesheet"/>
14
15                <style type="text/css">
16                        @import "../themes/common/FixedSplitter.css";
17                        @import "../themes/common/SpinWheel.css";
18                </style>
19
20                <script type="text/javascript" src="../../../dojo/dojo.js" data-dojo-config="parseOnLoad: true"></script>
21
22                <script language="JavaScript" type="text/javascript">
23                        dojo.require("dojox.mobile");                   // This is a mobile app.
24                        dojo.require("dojox.mobile.parser");    // This mobile app supports running on desktop browsers
25                        dojo.require("dojox.mobile.compat");    // This mobile app uses declarative programming with fast mobile parser
26                        dojo.require("dojox.mobile.TabBar");
27                        dojo.require("dojox.mobile.Heading");
28                        dojo.require("dojox.mobile.Switch");
29                        dojo.require("dojox.mobile.FixedSplitter");
30                        dojo.require("dojox.mobile.View");
31                        dojo.require("dojox.mobile.EdgeToEdgeCategory");
32                        dojo.require("dojox.mobile.SpinWheel");
33                        dojo.require("dojox.mobile.SpinWheelSlot");
34                        dojo.require("dojox.mobile.migrationAssist");
35                        dojo.ready(function(){
36                                widget = new dojox.mobile.Heading();
37                                dojo.place(widget.domNode, "Heading2-placeHolder", "replace");
38                                var childWidget = new dojox.mobile.ToolBarButton({label:"Edit"});
39                                childWidget.domNode.style.padding = "0px 14px";
40                                widget.addChild(childWidget);
41                                childWidget = new dojox.mobile.ToolBarButton({icon:"mblDomButtonWhitePlus"});
42                                childWidget.domNode.style.float = "right";
43                                widget.addChild(childWidget);
44                                widget.domNode.appendChild(dojo.doc.createTextNode("Alarm Clock"));
45                                widget.startup();
46                               
47                                widget.getIndexOfChild(childWidget);
48                                console.log('Retun value of getIndexOfChild = ' + widget.getIndexOfChild(childWidget) + " (It should be 1.)");
49                               
50                                var roundRect = dijit.byId("dojox_mobile_RoundRect_0");
51                                var sw2= new dojox.mobile.Switch();
52                                roundRect.addChild(sw2);
53                               
54                                var button1 = dijit.byId("dojox_mobile_ToolBarButton_1");
55                                button1.select();
56                               
57                                var button2 = dijit.byId("dojox_mobile_TabBarButton_2");
58                                button2.select();
59                               
60                                var view = dijit.byId("bar");
61                                ecat = new dojox.mobile.EdgeToEdgeCategory({label:"EdgeToEdgeCategory"});
62                                view.addChild(ecat);
63
64                                dojox.mobile.createDomButton(dojo.byId("addBtn"));
65                                dojox.mobile.createDomButton(dojo.byId("delBtn"));
66
67                        });
68                </script>
69        </head>
70        <body style="visibility:hidden;">
71                <div data-dojo-type="dojox.mobile.FixedSplitter" data-dojo-props='orientation:"V"'>
72                        <div data-dojo-type="dojox.mobile.FixedSplitterPane">
73                                <div id="bar" dojoType="dojox.mobile.View">
74                                        <h1 dojoType="dojox.mobile.Heading" label="Voice Memos">
75                                                <span dojoType="dojox.mobile.ToolBarButton" class="mblDomButtonWhitePlus"></span>
76                                                <span dojoType="dojox.mobile.ToolBarButton" label="Speaker" style="float:left"></span>
77                                                <span dojoType="dojox.mobile.ToolBarButton" label="Done" class="mblColorBlue" style="width:45px;float:right;"></span>
78                                        </h1><br>
79                                        <div id="Heading2-placeHolder"></div>
80
81                                        <ul dojoType="dojox.mobile.RoundRectList">
82                                                <li dojoType="dojox.mobile.ListItem" icon="images/i-icon-1.png">
83                                                        Airplane Mode
84                                                        <div class="mblItemSwitch" dojoType="dojox.mobile.Switch"></div>
85                                                </li>
86                                                <li dojoType="dojox.mobile.ListItem" icon="images/i-icon-2.png" rightText="mac" href="test_IconContainer.html" sync="false">
87                                                        Wi-Fi
88                                                </li>
89                                                <li dojoType="dojox.mobile.ListItem" icon="images/i-icon-3.png" rightText="AcmePhone" moveTo="general">
90                                                        Carrier
91                                                </li>
92                                        </ul>
93                                        <ul dojoType="dojox.mobile.RoundRect">
94                                        </ul>
95                                        <ul dojoType="dojox.mobile.TabBar">
96                                                <li dojoType="dojox.mobile.TabBarButton" icon1="images/tab-icon-16.png" icon2="images/tab-icon-16h.png" selected="true">New</li>
97                                                <li dojoType="dojox.mobile.TabBarButton" icon1="images/tab-icon-15.png" icon2="images/tab-icon-15h.png">What's Hot</li>
98                                                <li dojoType="dojox.mobile.TabBarButton" icon1="images/tab-icon-10.png" icon2="images/tab-icon-10h.png">Genius</li>
99                                        </ul>
100                                        <div style="float:right;padding-right:16px;">
101                                                <div id="delBtn" class="mblDomButtonRedMinus" style="float:right;"></div>
102                                                <div id="addBtn" class="mblDomButtonBluePlus" style="float:right;"></div>
103                                        </div>
104                                </div>
105                        </div>
106                        <div dojoType="dojox.mobile.FixedSplitterPane" style="background-color:pink;height:200px;">
107                                pane #2
108                                <div id="spin1" dojoType="dojox.mobile.SpinWheel" style="width:312px;">
109                                        <div dojoType="dojox.mobile.SpinWheelSlot"
110                                                labels="[10,20,30,40,50,60,70,80,90,00]"
111                                                style="text-align:center;width:100px;"></div>
112                                        <div dojoType="dojox.mobile.SpinWheelSlot"
113                                                labels="['A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z']"
114                                                style="text-align:center;width:100px;"></div>
115                                        <div dojoType="dojox.mobile.SpinWheelSlot"
116                                                labelFrom="3000" labelTo="3100"
117                                                style="text-align:center;width:100px;"></div>
118                                </div>
119                        </div>
120                </div>
121
122        </body>
123</html>
Note: See TracBrowser for help on using the repository browser.