aboutsummaryrefslogtreecommitdiffstats
path: root/demos/slider
diff options
context:
space:
mode:
authorRichard Worth <rdworth@gmail.com>2008-12-30 04:16:51 +0000
committerRichard Worth <rdworth@gmail.com>2008-12-30 04:16:51 +0000
commit165c6a823cd0473d5207fada539da42eb9d01274 (patch)
treeb22b23271c9195940e39f04f0b6bf5adba12de59 /demos/slider
parent5b34c56dbd5a8544dc9125c5626f0f33639c68b7 (diff)
downloadjquery-ui-165c6a823cd0473d5207fada539da42eb9d01274.tar.gz
jquery-ui-165c6a823cd0473d5207fada539da42eb9d01274.zip
set svn:eol-style to native
Diffstat (limited to 'demos/slider')
-rw-r--r--demos/slider/default.html46
-rw-r--r--demos/slider/index.html44
-rw-r--r--demos/slider/multiple_vertical.html140
-rw-r--r--demos/slider/range.html48
-rw-r--r--demos/slider/range_vertical.html50
-rw-r--r--demos/slider/rangemax.html48
-rw-r--r--demos/slider/rangemin.html48
-rw-r--r--demos/slider/slider_vertical.html48
-rw-r--r--demos/slider/steps.html46
9 files changed, 259 insertions, 259 deletions
diff --git a/demos/slider/default.html b/demos/slider/default.html
index afa357d17..475ba1c7a 100644
--- a/demos/slider/default.html
+++ b/demos/slider/default.html
@@ -1,23 +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>
+<!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 909f853a5..91e299ea0 100644
--- a/demos/slider/index.html
+++ b/demos/slider/index.html
@@ -1,22 +1,22 @@
-<!doctype html>
-<html lang="en">
-<head>
- <title>jQuery UI Slider Demos</title>
- <link type="text/css" href="../demos.css" rel="stylesheet" />
-</head>
-<body>
-
-<dl class="demos-nav">
- <dt>Slider</dt>
- <dd><a href="default.html">Default single slider</a></dd>
- <dd><a href="steps.html">Snap to every 50 steps</a></dd>
- <dd><a href="range.html">Range slider</a></dd>
- <dd><a href="rangemin.html">Range with fixed min</a></dd>
- <dd><a href="rangemax.html">Range with fixed max</a></dd>
- <dd><a href="slider_vertical.html">Vertical single slider</a></dd>
- <dd><a href="range_vertical.html">Vertical range slider</a></dd>
- <dd><a href="multiple_vertical.html">Multiple vertical sliders</a></dd>
-</dl>
-
-</body>
-</html>
+<!doctype html>
+<html lang="en">
+<head>
+ <title>jQuery UI Slider Demos</title>
+ <link type="text/css" href="../demos.css" rel="stylesheet" />
+</head>
+<body>
+
+<dl class="demos-nav">
+ <dt>Slider</dt>
+ <dd><a href="default.html">Default single slider</a></dd>
+ <dd><a href="steps.html">Snap to every 50 steps</a></dd>
+ <dd><a href="range.html">Range slider</a></dd>
+ <dd><a href="rangemin.html">Range with fixed min</a></dd>
+ <dd><a href="rangemax.html">Range with fixed max</a></dd>
+ <dd><a href="slider_vertical.html">Vertical single slider</a></dd>
+ <dd><a href="range_vertical.html">Vertical range slider</a></dd>
+ <dd><a href="multiple_vertical.html">Multiple vertical sliders</a></dd>
+</dl>
+
+</body>
+</html>
diff --git a/demos/slider/multiple_vertical.html b/demos/slider/multiple_vertical.html
index 79544596a..cafd1b48e 100644
--- a/demos/slider/multiple_vertical.html
+++ b/demos/slider/multiple_vertical.html
@@ -1,70 +1,70 @@
-<!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() {
- $("#slider0").slider({
- range: "min",
- value: 60
- });
- $("#slider1").slider({
- orientation: "vertical",
- range: "min",
- value: 88
- });
- $("#slider2").slider({
- orientation: "vertical",
- range: "min",
- value: 77
- });
- $("#slider3").slider({
- orientation: "vertical",
- range: "min",
- value: 55
- });
- $("#slider4").slider({
- orientation: "vertical",
- range: "min",
- value: 33
- });
- $("#slider5").slider({
- orientation: "vertical",
- range: "min",
- value: 40
- });
- $("#slider6").slider({
- orientation: "vertical",
- range: "min",
- value: 45
- });
- $("#slider7").slider({
- orientation: "vertical",
- range: "min",
- value: 70
- });
- });
- </script>
-</head>
-<body>
-
-Master volume:
-<div id="slider0" style="width:260px; margin:15px; clear:both;"></div>
-
-<br/><br/>
-
-Graphic EQ:
-<div id="slider1" style="height:120px; float:left; margin:15px"></div>
-<div id="slider2" style="height:120px; float:left; margin:15px"></div>
-<div id="slider3" style="height:120px; float:left; margin:15px"></div>
-<div id="slider4" style="height:120px; float:left; margin:15px"></div>
-<div id="slider5" style="height:120px; float:left; margin:15px"></div>
-<div id="slider6" style="height:120px; float:left; margin:15px"></div>
-<div id="slider7" style="height:120px; float:left; margin:15px"></div>
-</body>
-</html>
+<!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() {
+ $("#slider0").slider({
+ range: "min",
+ value: 60
+ });
+ $("#slider1").slider({
+ orientation: "vertical",
+ range: "min",
+ value: 88
+ });
+ $("#slider2").slider({
+ orientation: "vertical",
+ range: "min",
+ value: 77
+ });
+ $("#slider3").slider({
+ orientation: "vertical",
+ range: "min",
+ value: 55
+ });
+ $("#slider4").slider({
+ orientation: "vertical",
+ range: "min",
+ value: 33
+ });
+ $("#slider5").slider({
+ orientation: "vertical",
+ range: "min",
+ value: 40
+ });
+ $("#slider6").slider({
+ orientation: "vertical",
+ range: "min",
+ value: 45
+ });
+ $("#slider7").slider({
+ orientation: "vertical",
+ range: "min",
+ value: 70
+ });
+ });
+ </script>
+</head>
+<body>
+
+Master volume:
+<div id="slider0" style="width:260px; margin:15px; clear:both;"></div>
+
+<br/><br/>
+
+Graphic EQ:
+<div id="slider1" style="height:120px; float:left; margin:15px"></div>
+<div id="slider2" style="height:120px; float:left; margin:15px"></div>
+<div id="slider3" style="height:120px; float:left; margin:15px"></div>
+<div id="slider4" style="height:120px; float:left; margin:15px"></div>
+<div id="slider5" style="height:120px; float:left; margin:15px"></div>
+<div id="slider6" style="height:120px; float:left; margin:15px"></div>
+<div id="slider7" style="height:120px; float:left; margin:15px"></div>
+</body>
+</html>
diff --git a/demos/slider/range.html b/demos/slider/range.html
index d93ed4fae..e9b1f2787 100644
--- a/demos/slider/range.html
+++ b/demos/slider/range.html
@@ -1,24 +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>
+<!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/range_vertical.html b/demos/slider/range_vertical.html
index f7c09c072..f9cf7b4d2 100644
--- a/demos/slider/range_vertical.html
+++ b/demos/slider/range_vertical.html
@@ -1,25 +1,25 @@
-<!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").slider({
- orientation: "vertical",
- range: true,
- values: [17, 67]
- });
- });
- </script>
-</head>
-<body>
-
-<div id="slider-range" style="height:300px;"></div>
-
-</body>
-</html>
+<!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").slider({
+ orientation: "vertical",
+ range: true,
+ values: [17, 67]
+ });
+ });
+ </script>
+</head>
+<body>
+
+<div id="slider-range" style="height:300px;"></div>
+
+</body>
+</html>
diff --git a/demos/slider/rangemax.html b/demos/slider/rangemax.html
index 52b2226b3..2987505cc 100644
--- a/demos/slider/rangemax.html
+++ b/demos/slider/rangemax.html
@@ -1,24 +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>
+<!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
index d243d8a8c..1a4923887 100644
--- a/demos/slider/rangemin.html
+++ b/demos/slider/rangemin.html
@@ -1,24 +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>
+<!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>
diff --git a/demos/slider/slider_vertical.html b/demos/slider/slider_vertical.html
index 67aa2667d..3479aed4a 100644
--- a/demos/slider/slider_vertical.html
+++ b/demos/slider/slider_vertical.html
@@ -1,24 +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-vertical").slider({
- orientation: "vertical",
- min: 0, max: 500, value: 140
- });
- });
- </script>
-</head>
-<body>
-
-<div id="slider-vertical" style="height:300px;"></div>
-
-</body>
-</html>
+<!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-vertical").slider({
+ orientation: "vertical",
+ min: 0, max: 500, value: 140
+ });
+ });
+ </script>
+</head>
+<body>
+
+<div id="slider-vertical" style="height:300px;"></div>
+
+</body>
+</html>
diff --git a/demos/slider/steps.html b/demos/slider/steps.html
index ed3601087..da3d0f94b 100644
--- a/demos/slider/steps.html
+++ b/demos/slider/steps.html
@@ -1,23 +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({
- min: 0, max: 500, step: 50
- });
- });
- </script>
-</head>
-<body>
-
-<div id="slider"></div>
-
-</body>
-</html>
+<!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({
+ min: 0, max: 500, step: 50
+ });
+ });
+ </script>
+</head>
+<body>
+
+<div id="slider"></div>
+
+</body>
+</html>