5 <meta name="viewport" content="width=device-width, initial-scale=1">
6 <link rel="stylesheet" href="themes/default/" />
7 <script src="js/jquery.js"></script>
8 <script src="js/"></script>
9 <script src="theme.js"></script>
10 <script src="js/jquery.mobile.forms.checkboxradio.extension.js"></script>
14 <div data-role="page" id="popupwindow-demo" data-add-back-btn="true">
15 <div data-role="header" data-position="fixed">
18 <div class="content" data-role="content">
19 <ul data-role="listview" data-icon="1line-textonly">
20 <li><a href="#center_info" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center info popup</a></li>
21 <li><a href="#center_title" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center title popup</a></li>
22 <li><a href="#center_basic_1btn" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center basic 1 button popup</a></li>
23 <li><a href="#center_basic_2btn" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center basic 2 button popup</a></li>
24 <li><a href="#center_basic_3btn" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center basic 3 button popup</a></li>
25 <li><a href="#center_title_1btn" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center title 1 button popup</a></li>
26 <li><a href="#center_title_2btn" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center title 2 button popup</a></li>
27 <li><a href="#center_title_3btn" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center title 3 button popup</a></li>
28 <li><a href="#center_button_vertical" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center_button vertical</a></li>
29 <li><a href="#center_checkbox" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center_checkbox</a></li>
30 <li><a href="#center_liststyle_1btn" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center_list style 1 button popup</a></li>
31 <li><a href="#center_liststyle_2btn" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center_list style 2 button popup</a></li>
32 <li><a href="#center_liststyle_3btn" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center_list style 3 button popup</a></li>
36 <div id="center_info" data-role="popupwindow" data-style="center_info">
37 <div data-role="text"> <p>
38 Pop-up dialog box, a child
39 window that blocks user inter-
40 act to the parent windows
44 <!-- popup title-text -->
45 <div id="center_title" data-role="popupwindow" data-style="center_title">
50 Pop-up dialog box, a child
51 window that blocks user interact
56 <!-- popup basic+text+1button -->
57 <div id="center_basic_1btn" data-role="popupwindow" data-style="center_basic_1btn">
59 Pop-up dialog box, a child
60 window that blocks user interact
63 <div data-role="button-bg">
64 <input type="button" value="Text Button" />
68 <!-- popup basic+text+2button -->
69 <div id="center_basic_2btn" data-role="popupwindow" data-style="center_basic_2btn">
71 Pop-up dialog box, a child
72 window that blocks user interact
75 <div data-role="button-bg">
76 <input type="button" value="Text Button" />
77 <input type="button" value="Text Button" />
81 <!-- popup basic+text+3button -->
82 <div id="center_basic_3btn" data-role="popupwindow" data-style="center_basic_3btn">
84 Pop-up dialog box, a child
85 window that blocks user interact
88 <div data-role="button-bg">
89 <input type="button" value="Button1" />
90 <input type="button" value="Button2" />
91 <input type="button" value="Button3" />
95 <!-- popup title+text+1button -->
96 <div id="center_title_1btn" data-role="popupwindow" data-style="center_title_1btn">
101 Pop-up dialog box, a child
102 window that blocks user interact
103 to the parent windows
105 <div data-role="button-bg">
106 <input type="button" value="Text Button" />
110 <!-- popup title+text+2button -->
111 <div id="center_title_2btn" data-role="popupwindow" data-style="center_title_2btn">
112 <p data-role="title">
116 Pop-up dialog box, a child
117 window that blocks user interact
118 to the parent windows
120 <div data-role="button-bg">
121 <input type="button" value="Text Button" />
122 <input type="button" value="Text Button" />
126 <!-- popup title+text+3button -->
127 <div id="center_title_3btn" data-role="popupwindow" data-style="center_title_3btn">
128 <p data-role="title">
132 Pop-up dialog box, a child
133 window that blocks user interact
134 to the parent windows
136 <div data-role="button-bg">
137 <input type="button" value="Button1" />
138 <input type="button" value="Button2" />
139 <input type="button" value="Button3" />
143 <!-- popup center_button_vertical -->
144 <div id="center_button_vertical" data-role="popupwindow" data-style="center_button_vertical">
149 <div data-role="button-bg">
150 <input type="button" value="Replace" />
151 <input type="button" value="Rename" />
152 <input type="button" value="Cancel" />
156 <!-- popup checkbox -->
157 <div id="center_checkbox" data-role="popupwindow" data-style="center_checkbox">
164 <div data-role="check-bg">
165 <input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom" />
166 <label for="checkbox-1">Don't ask again</label>
168 <div data-role="button-bg">
169 <input type="button" value="Text" />
170 <input type="button" value="Text" />
174 <!-- popup liststyle 1 button -->
175 <div id="center_liststyle_1btn" data-role="popupwindow" data-style="center_liststyle_1btn">
176 <p data-role="title">
179 <div data-role="scroller-bg">
180 <ul data-role="listview" data-icon="1line-textonly" data-scroll="y">
181 <li><a href="#">List item 1</a></li>
182 <li><a href="#">List item 2</a></li>
183 <li><a href="#">List item 3</a></li>
184 <li><a href="#">List item 4</a></li>
185 <li><a href="#">List item 5</a></li>
186 <li><a href="#">List item 6</a></li>
187 <li><a href="#">List item 7</a></li>
188 <li><a href="#">List item 8</a></li>
189 <li><a href="#">List item 9</a></li>
192 <div data-role="button-bg">
193 <input type="button" value="Text Button" />
197 <!-- popup liststyle 2 button -->
198 <div id="center_liststyle_2btn" data-role="popupwindow" data-style="center_liststyle_2btn">
199 <p data-role="title">
202 <div data-role="scroller-bg">
203 <ul data-role="listview" data-icon="1line-textonly" data-scroll="y">
204 <li><a href="#">List item 1</a></li>
205 <li><a href="#">List item 2</a></li>
206 <li><a href="#">List item 3</a></li>
207 <li><a href="#">List item 4</a></li>
208 <li><a href="#">List item 5</a></li>
209 <li><a href="#">List item 6</a></li>
210 <li><a href="#">List item 7</a></li>
211 <li><a href="#">List item 8</a></li>
212 <li><a href="#">List item 9</a></li>
215 <div data-role="button-bg">
216 <input type="button" value="Text Button" />
217 <input type="button" value="Text Button" />
221 <!-- popup liststyle 3 button -->
222 <div id="center_liststyle_3btn" data-role="popupwindow" data-style="center_liststyle_3btn">
223 <p data-role="title">
226 <div data-role="scroller-bg">
227 <ul data-role="listview" data-icon="1line-textonly" data-scroll="y">
228 <li><a href="#">List item 1</a></li>
229 <li><a href="#">List item 2</a></li>
230 <li><a href="#">List item 3</a></li>
231 <li><a href="#">List item 4</a></li>
232 <li><a href="#">List item 5</a></li>
233 <li><a href="#">List item 6</a></li>
234 <li><a href="#">List item 7</a></li>
235 <li><a href="#">List item 8</a></li>
236 <li><a href="#">List item 9</a></li>
239 <div data-role="button-bg">
240 <input type="button" value="Button" />
241 <input type="button" value="Button" />
242 <input type="button" value="Button" />
246 </div> <!-- /content -->
248 </div> <!-- /page -->