528d9efe8a96184fb03a1d5e1d3176961da406a9
[framework/web/web-ui-fw.git] / libs / js / jquery-mobile-1.0.1pre / tests / unit / slider / index.html
1  <!DOCTYPE html>
2 <html lang="en">
3 <head>
4         <meta charset="utf-8">
5         <meta name="viewport" content="width=device-width, initial-scale=1">
6         <title>jQuery Mobile Slider Test Suite</title>
7
8         <script src="../../../js/jquery.js"></script>
9         <script src="../jquery.setNameSpace.js"></script>
10         <script src="../../../js/"></script>
11         <script src="../../../tests/jquery.testHelper.js"></script>
12
13
14         <link rel="stylesheet"  href="../../../css/themes/default/"/>
15         <link rel="stylesheet" href="../../../external/qunit.css"/>
16         <script src="../../../external/qunit.js"></script>
17
18         <script src="slider_events.js"></script>
19         <script src="slider_core.js"></script>
20
21         <script src="../swarminject.js"></script>
22 </head>
23 <body>
24
25 <h1 id="qunit-header">jQuery Mobile Slider Test Suite</h1>
26 <h2 id="qunit-banner"></h2>
27 <h2 id="qunit-userAgent"></h2>
28 <ol id="qunit-tests">
29 </ol>
30
31 <div id="foo"  data-nstest-role="page">
32         <div  data-nstest-role="fieldcontain">
33                 <input type="range" name="slider-1" id="range-slider-up" value="0" min="0" max="100"  data-nstest-theme="b" data-nstest-track-theme="a" />
34         </div>
35
36         <div  data-nstest-role="fieldcontain">
37                 <input type="range" name="slider-1" id="range-slider-down" value="10" min="0" max="100"  data-nstest-theme="b" data-nstest-track-theme="a" />
38         </div>
39
40         <div  data-nstest-role="fieldcontain">
41                 <input type="range" name="slider-1" id="range-slider-home" value="75" min="0" max="100"  data-nstest-theme="b" data-nstest-track-theme="a" />
42         </div>
43
44         <div  data-nstest-role="fieldcontain">
45                 <label for="slider-1">Input slider:</label>
46                 <input type="range" name="slider-1" id="range-slider-end" value="15" min="0" max="100"  data-nstest-theme="b" data-nstest-track-theme="a" />
47         </div>
48
49         <div  data-nstest-role="fieldcontain">
50                 <input type="range" name="stepped" id="stepped" value="15" min="0" max="100" step="10"  data-nstest-theme="b" data-nstest-track-theme="a" />
51         </div>
52
53         <div  data-nstest-role="fieldcontain">
54                 <select name="slider" id="slider-switch"  data-nstest-role="slider">
55                         <option value="off">Off</option>
56                         <option value="on">On</option>
57                 </select>
58         </div>
59
60         <div  data-nstest-role="fieldcontain">
61                 <input type="range" name="onchange" id="onchange" value="25" min="0" max="100" step="10" onchange="onChangeCounter()" data-nstest-theme="b" data-nstest-track-theme="a" />
62         </div>
63
64         <div data-role="fieldcontain">
65                 <label for="slider">Input slider:</label>
66                 <input type="range" name="slider" id="slider" value="25" min="0" max="100" class="should-be-native"/>
67         </div>
68 </div>
69
70 <div id="enhancetest">
71         <input type="range" name="slider-enhancetest" id="range-slider-enhancetest" value="75" min="0" max="100"  data-nstest-theme="b" data-nstest-track-theme="a" />
72 </div>
73 </html>