source: Dev/trunk/src/client/dojox/mobile/tests/test_transition-animations-extended5.html

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

Added Dojo 1.9.3 release.
File size: 4.8 KB
Line 
1<!DOCTYPE html>
2<html>
3<head>
4        <meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
5        <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
6        <meta name="apple-mobile-web-app-capable" content="yes"/>
7        <title>Extended Transitions 5</title>
8
9        <link href="../themes/common/transitions.css" rel="stylesheet"/>
10        <script type="text/javascript" src="../deviceTheme.js" data-dojo-config="mblThemeFiles: ['base','IconContainer']"></script>
11        <script type="text/javascript" src="../../../dojo/dojo.js" data-dojo-config="async: true, parseOnLoad: true"></script>
12
13        <script type="text/javascript">
14                require([
15                        "dojox/mobile/parser",
16                        "dojox/mobile",
17                        "dojox/mobile/compat",
18                        "dojox/mobile/IconContainer"
19                ]);
20        </script>
21
22        <style>
23        html,body {
24                height: 100%;
25                overflow: hidden;
26        }
27        </style>
28</head>
29<body style="visibility:hidden;">
30        <div id="view1" data-dojo-type="dojox.mobile.View" style="height:100%;">
31                <h1 data-dojo-type="dojox.mobile.Heading" data-dojo-props='back:"Top", href:"test_transition-animations.html", transition:"none"'>View 1</h1>
32                <h2 data-dojo-type="dojox.mobile.RoundRectCategory">Extended Transitions 5</h2>
33                <ul data-dojo-type="dojox.mobile.RoundRectList">
34                        <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='icon:"images/i-icon-9.png", moveTo:"view2", transition:"swirl"'>
35                                Swirl
36                        </li>
37                        <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='icon:"images/i-icon-2.png", moveTo:"view3", transition:"swirl", transitionDir:-1'>
38                                Swirl (Reverse)
39                        </li>
40                        <!-- 1.8 -->
41                        <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='icon:"images/i-icon-3.png", moveTo:"view2", transition:"swap"'>
42                                Swap
43                        </li>
44                        <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='icon:"images/i-icon-1.png", moveTo:"view3", transition:"swap", transitionDir:-1'>
45                                Swap (Reverse)
46                        </li>
47                        <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='icon:"images/i-icon-7.png", moveTo:"view2", transition:"cube"'>
48                                Cube
49                        </li>
50                        <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='icon:"images/i-icon-6.png", moveTo:"view3", transition:"cube", transitionDir:-1'>
51                                Cube (Reverse)
52                        </li>
53                        <!-- 1.8 -->
54                </ul>
55        </div>
56
57        <div id="view2" data-dojo-type="dojox.mobile.View" style="height:100%;">
58                <h1 data-dojo-type="dojox.mobile.Heading" data-dojo-props='back:"Top", href:"test_transition-animations.html", transition:"none"'>View 2</h1>
59                <h2 data-dojo-type="dojox.mobile.EdgeToEdgeCategory">Extended Transitions 5</h2>
60                <ul data-dojo-type="dojox.mobile.EdgeToEdgeList">
61                        <!-- 1.8 -->
62                        <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='icon:"images/i-icon-9.png", moveTo:"view3", transition:"swirl"'>
63                                Swirl
64                        </li>
65                        <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='icon:"images/i-icon-2.png", moveTo:"view1", transition:"swirl", transitionDir:-1'>
66                                Swirl (Reverse)
67                        </li>
68                        <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='icon:"images/i-icon-3.png", moveTo:"view3", transition:"swap"'>
69                                Swap
70                        </li>
71                        <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='icon:"images/i-icon-1.png", moveTo:"view1", transition:"swap", transitionDir:-1'>
72                                Swap (Reverse)
73                        </li>
74                        <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='icon:"images/i-icon-7.png", moveTo:"view3", transition:"cube"'>
75                                Cube
76                        </li>
77                        <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='icon:"images/i-icon-6.png", moveTo:"view1", transition:"cube", transitionDir:-1'>
78                                Cube (Reverse)
79                        </li>
80                        <!-- 1.8 -->
81                </ul>
82        </div>
83
84        <div id="view3" data-dojo-type="dojox.mobile.View" style="height:100%;">
85                <h1 data-dojo-type="dojox.mobile.Heading" data-dojo-props='back:"Top", href:"test_transition-animations.html", transition:"none"'>View 3</h1>
86                <ul data-dojo-type="dojox.mobile.IconContainer">
87                        <li data-dojo-type="dojox.mobile.IconItem" data-dojo-props='label:"Swirl", icon:"images/icon9.png", lazy:true, moveTo:"view1", transition:"swirl"'></li>
88                        <li data-dojo-type="dojox.mobile.IconItem" data-dojo-props='label:"Swirl (Reverse)", icon:"images/icon2.png", lazy:true, moveTo:"view2", transition:"swirl", transitionDir:-1'></li>
89                        <!-- 1.8 -->
90                        <li data-dojo-type="dojox.mobile.IconItem" data-dojo-props='label:"Swap", icon:"images/icon3.png", moveTo:"view1", transition:"swap"'></li>
91                        <li data-dojo-type="dojox.mobile.IconItem" data-dojo-props='label:"Swap (Reverse)", icon:"images/icon1.png", moveTo:"view2", transition:"swap", transitionDir:-1'></li>
92                        <li data-dojo-type="dojox.mobile.IconItem" data-dojo-props='label:"Cube", icon:"images/icon7.png", moveTo:"view1", transition:"cube"'></li>
93                        <li data-dojo-type="dojox.mobile.IconItem" data-dojo-props='label:"Cube (Reverse)", icon:"images/icon6.png", moveTo:"view2", transition:"cube", transitionDir:-1'></li>
94                        <!-- 1.8 -->
95                </ul>
96        </div>
97
98</body>
99</html>
Note: See TracBrowser for help on using the repository browser.