-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtest_listview.html
125 lines (106 loc) · 4.71 KB
/
test_listview.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!doctype html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Dyndoc Project</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<div data-role="page" id="page-dyn" data-title="Dyndoc Project">
<div data-role="header" data-position="fixed" data-fullscreen="false">
<a href="#panel-dyn" data-icon="bars" data-iconpos="notext"></a>
<h1>Dyndoc Project</h1>
</div><!-- /header -->
<div role="main" class="ui-content">
<form><ul data-role="listview" data-inset="true">
<li class="ui-field-contain">
<label for="input-dyn">Text Input:</label>
<input type="text" name="input-dyn" id="input-dyn" value="" data-clear-btn="true">
</li>
<li class="ui-field-contain">
<label for="textarea-dyn">Textarea:</label>
<textarea cols="40" rows="8" name="textarea-dyn" id="textarea-dyn"></textarea>
</li>
<li class="ui-field-contain">
<label for="flip-dyn">Flip switch:</label>
<select name="flip-dyn" id="flip-dyn" data-role="slider">
<option value="#{off.val}">Off</option>
<option value="#{on.val}">On</option>
</select>
</li>
<li class="ui-field-contain">
<label for="slider-dyn">Slider:</label>
<input type="range" name="slider-dyn" id="slider-dyn" value="0" min="0" max="100" data-highlight="true">
</li>
<li class="ui-field-contain">
<label for="sc-dyn">Choose shipping method:</label>
<select name="sc-dyn" id="sc-dyn" data-native-menu="false">
<option value="standard">Standard: 7 day</option>
<option value="rush">Rush: 3 days</option>
<option value="express">Express: next day</option>
<option value="overnight">Overnight</option>
</select>
</li>
<li class="ui-body ui-body-a">
<fieldset class="ui-grid-a">
<div class="ui-block-a" id="#btns-dyn-a"><button type="button" class="ui-btn ui-corner-all ui-btn-a">Cancel</button></div>
<div class="ui-block-b" id="#btns-dyn-b"><button type="button" class="ui-btn ui-corner-all ui-btn-a">Submit</button></div>
</fieldset>
</li>
</ul></form>
<!-- ul data-role="listview">
<li class="ui-field-contain">
<label for="name2">Text Input:</label>
<input type="text" name="name2" id="name2" value="" data-clear-btn="true">
</li>
<li class="ui-field-contain">
<label for="textarea2">Textarea:</label>
<textarea cols="40" rows="8" name="textarea2" id="textarea2"></textarea>
</li>
<li class="ui-field-contain">
<label for="flip2">Flip switch:</label>
<select name="flip2" id="flip2" data-role="slider">
<option value="off">Off</option>
<option value="on">On</option>
</select>
</li>
<li class="ui-field-contain">
<label for="slider2">Slider:</label>
<input type="range" name="slider2" id="slider2" value="0" min="0" max="100" data-highlight="true">
</li>
<li class="ui-field-contain">
<label for="select-choice-1" class="select">Choose shipping method:</label>
<select name="select-choice-1" id="select-choice-1">
<option value="standard">Standard: 7 day</option>
<option value="rush">Rush: 3 days</option>
<option value="express">Express: next day</option>
<option value="overnight">Overnight</option>
</select>
</li>
<li class="ui-body ui-body-a">
<fieldset class="ui-grid-a">
<div class="ui-block-a"><button type="button" class="ui-btn ui-corner-all ui-btn-a">Cancel</button></div>
<div class="ui-block-b"><button type="nutton" class="ui-btn ui-corner-all ui-btn-a">Submit</button></div>
</fieldset>
</li>
</ul -->
</div><!-- /content -->
<div data-role="footer" data-position="fixed" data-fullscreen="false">
<h4>Dyndoc</h4>
</div><!-- /footer -->
</div><!-- /page -->
<script type="text/javascript">
$(function () {
$("#btns-dyn-a").on('click',function () {
toto;
});
$("#btns-dyn-b").on('click',function () {
titi
});
});
</script>
</body>
</html>