source: Dev/trunk/src/client/dojox/mobile/tests/test_ScrollableMixin-custom.html

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

Added Dojo 1.9.3 release.
File size: 3.4 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>ScrollableMixin-custom</title>
8
9        <script type="text/javascript" src="../../../dojo/dojo.js" data-dojo-config="async: true, parseOnLoad: true, mblAlwaysHideAddressBar: true"></script>
10
11        <script type="text/javascript">
12                require([
13                        "dojo/_base/declare",
14                        "dojo/_base/window",
15                        "dijit/_WidgetBase",
16                        "dijit/_Container",
17                        "dijit/_Contained",
18                        "dojox/mobile/_ScrollableMixin",
19                        "dojox/mobile/parser",
20                        "dojox/mobile",
21                        "dojox/mobile/compat"
22                ], function(declare, win, WidgetBase, Container, Contained, ScrollableMixin){
23                        dojox.mobile.ScrollablePane = declare(
24                                "dojox.mobile.ScrollablePane",
25                                [WidgetBase, Container, Contained, ScrollableMixin],
26                        {
27                                buildRendering: function(){
28                                        this.inherited(arguments);
29                                        this.containerNode = win.doc.createElement("DIV");
30                                        this.containerNode.className = "mblScrollableViewContainer";
31                                        this.containerNode.style.backgroundColor = "yellow";
32                                        this.containerNode.style.border = "1px solid red";
33                                        this.containerNode.style.position = "absolute";
34                                        this.containerNode.style.width = "100%";
35                                        for(var i = 0, idx = 0, len = this.srcNodeRef.childNodes.length; i < len; i++){
36                                                var c = this.srcNodeRef.childNodes[idx];
37                                                this.containerNode.appendChild(this.srcNodeRef.removeChild(c));
38                                        }
39                                        this.domNode.appendChild(this.containerNode);
40                                }
41                        });
42                });
43        </script>
44
45        <style>
46        html, body{
47                height: 100%;
48                overflow: hidden;
49                width: 100%;
50                margin: 0px;
51                padding: 0px;
52        }
53        #view1 {
54                position: relative;
55                height: 100%;
56                overflow: hidden;
57        }
58        #header1 {
59                position: relative;
60                margin: 0px;
61                width: 100%;
62                top: 0px;
63                background-color: cyan;
64                z-index: 1;
65        }
66               
67        </style>
68</head>
69<body style="visibility:hidden;">
70        <h1 id="header1">Fixed Header</h1>
71        <div id="view1" data-dojo-type="dojox.mobile.ScrollablePane">
72                <ol>
73                        <li>Item</li>
74                        <li>Item</li>
75                        <li>Item</li>
76                        <li>Item</li>
77                        <li>Item</li>
78                        <li>Item</li>
79                        <li>Item</li>
80                        <li>Item</li>
81                        <li>Item</li>
82                        <li>Item</li>
83                        <li>Item</li>
84                        <li>Item</li>
85                        <li>Item</li>
86                        <li>Item</li>
87                        <li>Item</li>
88                        <li>Item</li>
89                        <li>Item</li>
90                        <li>Item</li>
91                        <li>Item</li>
92                        <li>Item</li>
93                        <li>Item</li>
94                        <li>Item</li>
95                        <li>Item</li>
96                        <li>Item</li>
97                        <li>Item</li>
98                        <li>Item</li>
99                        <li>Item</li>
100                        <li>Item</li>
101                        <li>Item</li>
102                        <li>Item</li>
103                        <li>Item</li>
104                        <li>Item</li>
105                        <li>Item</li>
106                        <li>Item</li>
107                        <li>Item</li>
108                        <li>Item</li>
109                        <li>Item</li>
110                        <li>Item</li>
111                        <li>Item</li>
112                        <li>Item</li>
113                        <li>Item</li>
114                        <li>Item</li>
115                        <li>Item</li>
116                        <li>Item</li>
117                        <li>Item</li>
118                        <li>Item</li>
119                        <li>Item</li>
120                        <li>Item</li>
121                        <li>Item</li>
122                        <li>Item</li>
123                        <li>Item</li>
124                        <li>Item</li>
125                        <li>Item</li>
126                        <li>Item</li>
127                        <li>Item</li>
128                        <li>Item</li>
129                        <li>Item</li>
130                        <li>Item</li>
131                        <li>Item</li>
132                        <li>Item</li>
133                        <li>Item</li>
134                        <li>Item</li>
135                        <li>Item</li>
136                        <li>Item</li>
137                        <li>Item</li>
138                        <li>Item</li>
139                        <li>Item</li>
140                        <li>Item</li>
141                        <li>Item</li>
142                        <li>Item</li>
143                        <li>Item</li>
144                        <li>Item</li>
145                        <li>Item</li>
146                        <li>Item</li>
147                        <li>Item</li>
148                        <li>Item</li>
149                        <li>Item</li>
150                        <li>Item</li>
151                        <li>Item</li>
152                        <li>Item</li>
153                </ol>
154        </div>
155</body>
156</html>
Note: See TracBrowser for help on using the repository browser.