diff options
Diffstat (limited to 'demos/slider')
| -rw-r--r-- | demos/slider/default.html | 23 | ||||
| -rw-r--r-- | demos/slider/index.html | 3 | ||||
| -rw-r--r-- | demos/slider/range.html | 24 | ||||
| -rw-r--r-- | demos/slider/rangemax.html | 24 | ||||
| -rw-r--r-- | demos/slider/rangemin.html | 24 |
5 files changed, 98 insertions, 0 deletions
diff --git a/demos/slider/default.html b/demos/slider/default.html new file mode 100644 index 000000000..440604642 --- /dev/null +++ b/demos/slider/default.html @@ -0,0 +1,23 @@ +<!doctype html>
+<html lang="en">
+<head>
+ <title>jQuery UI Slider - Default Demo</title>
+ <link type="text/css" href="../demos.css" rel="stylesheet" />
+ <link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />
+ <script type="text/javascript" src="../../jquery-1.2.6.js"></script>
+ <script type="text/javascript" src="../../ui/ui.core.js"></script>
+ <script type="text/javascript" src="../../ui/ui.slider.js"></script>
+ <script type="text/javascript">
+ $(function() {
+ $("#slider").slider({
+ value: 37
+ });
+ })
+ </script>
+</head>
+<body>
+
+<div id="slider"></div>
+
+</body>
+</html>
diff --git a/demos/slider/index.html b/demos/slider/index.html index e6116c6b8..02f7724b6 100644 --- a/demos/slider/index.html +++ b/demos/slider/index.html @@ -15,6 +15,9 @@ <dl class="nav">
<dt>Slider</dt>
<dd><a href="default.html">Default</a></dd>
+ <dd><a href="range.html">Range</a></dd>
+ <dd><a href="rangemin.html">Range Min</a></dd>
+ <dd><a href="rangemax.html">Range Max</a></dd>
</dl>
</body>
diff --git a/demos/slider/range.html b/demos/slider/range.html new file mode 100644 index 000000000..0516287a3 --- /dev/null +++ b/demos/slider/range.html @@ -0,0 +1,24 @@ +<!doctype html>
+<html lang="en">
+<head>
+ <title>jQuery UI Slider - Range Demo</title>
+ <link type="text/css" href="../demos.css" rel="stylesheet" />
+ <link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />
+ <script type="text/javascript" src="../../jquery-1.2.6.js"></script>
+ <script type="text/javascript" src="../../ui/ui.core.js"></script>
+ <script type="text/javascript" src="../../ui/ui.slider.js"></script>
+ <script type="text/javascript">
+ $(function() {
+ $("#slider-range").slider({
+ range: true,
+ values: [17, 67]
+ });
+ })
+ </script>
+</head>
+<body>
+
+<div id="slider-range"></div>
+
+</body>
+</html>
diff --git a/demos/slider/rangemax.html b/demos/slider/rangemax.html new file mode 100644 index 000000000..ac5e3c7a0 --- /dev/null +++ b/demos/slider/rangemax.html @@ -0,0 +1,24 @@ +<!doctype html>
+<html lang="en">
+<head>
+ <title>jQuery UI Slider - Range Max Demo</title>
+ <link type="text/css" href="../demos.css" rel="stylesheet" />
+ <link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />
+ <script type="text/javascript" src="../../jquery-1.2.6.js"></script>
+ <script type="text/javascript" src="../../ui/ui.core.js"></script>
+ <script type="text/javascript" src="../../ui/ui.slider.js"></script>
+ <script type="text/javascript">
+ $(function() {
+ $("#slider-range-max").slider({
+ range: "max",
+ value: 63
+ });
+ })
+ </script>
+</head>
+<body>
+
+<div id="slider-range-max"></div>
+
+</body>
+</html>
diff --git a/demos/slider/rangemin.html b/demos/slider/rangemin.html new file mode 100644 index 000000000..22241b030 --- /dev/null +++ b/demos/slider/rangemin.html @@ -0,0 +1,24 @@ +<!doctype html>
+<html lang="en">
+<head>
+ <title>jQuery UI Slider - Range Min Demo</title>
+ <link type="text/css" href="../demos.css" rel="stylesheet" />
+ <link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />
+ <script type="text/javascript" src="../../jquery-1.2.6.js"></script>
+ <script type="text/javascript" src="../../ui/ui.core.js"></script>
+ <script type="text/javascript" src="../../ui/ui.slider.js"></script>
+ <script type="text/javascript">
+ $(function() {
+ $("#slider-range-min").slider({
+ range: "min",
+ value: 37
+ });
+ })
+ </script>
+</head>
+<body>
+
+<div id="slider-range-min"></div>
+
+</body>
+</html>
|