diff options
author | Richard Worth <rdworth@gmail.com> | 2008-12-30 04:16:51 +0000 |
---|---|---|
committer | Richard Worth <rdworth@gmail.com> | 2008-12-30 04:16:51 +0000 |
commit | 165c6a823cd0473d5207fada539da42eb9d01274 (patch) | |
tree | b22b23271c9195940e39f04f0b6bf5adba12de59 /demos/slider | |
parent | 5b34c56dbd5a8544dc9125c5626f0f33639c68b7 (diff) | |
download | jquery-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.html | 46 | ||||
-rw-r--r-- | demos/slider/index.html | 44 | ||||
-rw-r--r-- | demos/slider/multiple_vertical.html | 140 | ||||
-rw-r--r-- | demos/slider/range.html | 48 | ||||
-rw-r--r-- | demos/slider/range_vertical.html | 50 | ||||
-rw-r--r-- | demos/slider/rangemax.html | 48 | ||||
-rw-r--r-- | demos/slider/rangemin.html | 48 | ||||
-rw-r--r-- | demos/slider/slider_vertical.html | 48 | ||||
-rw-r--r-- | demos/slider/steps.html | 46 |
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> |