<!doctype html>
<html>
<head>
- <title>Slider Static Test : Slider range min</title>
+ <title>Slider Static Test : Slider horizontal range</title>
<link rel="stylesheet" href="../static.css" type="text/css" />
<link rel="stylesheet" href="../../../themes/base/ui.base.css" type="text/css" />
<link rel="stylesheet" href="../../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
</head>
<body>
-<div id="slider-range" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
+<div id="slider-horizontal-range" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
<div class="ui-slider-range ui-widget-header" style="width:50%; left: 25%;"></div>
<a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 25%;"></a>
<a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 75%;"></a>
<!doctype html>
<html>
<head>
- <title>Slider Static Test : Slider range max</title>
+ <title>Slider Static Test : Slider horizontal range max</title>
<link rel="stylesheet" href="../static.css" type="text/css" />
<link rel="stylesheet" href="../../../themes/base/ui.base.css" type="text/css" />
<link rel="stylesheet" href="../../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
</head>
<body>
-<div id="slider-range-max" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
- <div class="ui-slider-range ui-widget-header" style="width:25%; right: 0;"></div>
+<div id="slider-horizontal-range-max" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
+ <div class="ui-slider-range ui-slider-range-max ui-widget-header" style="width:25%; right: 0;"></div>
<a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 75%;"></a>
</div>
<!doctype html>
<html>
<head>
- <title>Slider Static Test : Slider range min</title>
+ <title>Slider Static Test : Slider horizontal range min</title>
<link rel="stylesheet" href="../static.css" type="text/css" />
<link rel="stylesheet" href="../../../themes/base/ui.base.css" type="text/css" />
<link rel="stylesheet" href="../../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
</head>
<body>
-<div id="slider-range-min" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
- <div class="ui-slider-range ui-widget-header" style="width:25%; left: 0;"></div>
+<div id="slider-horizontal-range-min" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
+ <div class="ui-slider-range ui-slider-range-min ui-widget-header" style="width:25%; left: 0;"></div>
<a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 25%;"></a>
</div>
--- /dev/null
+<!doctype html>
+<html>
+<head>
+ <title>Slider Static Test : Slider vertical range</title>
+ <link rel="stylesheet" href="../static.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/ui.base.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
+ <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
+ <script type="text/javascript" src="../static.js"></script>
+</head>
+<body>
+
+<div id="slider-vertical-range" class="ui-slider ui-slider-vertical ui-widget ui-widget-content ui-corner-all">
+ <div class="ui-slider-range ui-widget-header" style="bottom: 25%; height:50%;"></div>
+ <a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="bottom: 25%;"></a>
+ <a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="bottom: 75%;"></a>
+</div>
+
+</body>
+</html>
--- /dev/null
+<!doctype html>
+<html>
+<head>
+ <title>Slider Static Test : Slider vertical range max</title>
+ <link rel="stylesheet" href="../static.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/ui.base.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
+ <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
+ <script type="text/javascript" src="../static.js"></script>
+</head>
+<body>
+
+<div id="slider-vertical-range-max" class="ui-slider ui-slider-vertical ui-widget ui-widget-content ui-corner-all">
+ <div class="ui-slider-range ui-slider-range-max ui-widget-header" style="height: 75%;"></div>
+ <a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="bottom: 75%;"></a>
+</div>
+
+</body>
+</html>
--- /dev/null
+<!doctype html>
+<html>
+<head>
+ <title>Slider Static Test : Slider vertical range min</title>
+ <link rel="stylesheet" href="../static.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/ui.base.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
+ <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
+ <script type="text/javascript" src="../static.js"></script>
+</head>
+<body>
+
+<div id="slider-vertical-range-min" class="ui-slider ui-slider-vertical ui-widget ui-widget-content ui-corner-all">
+ <div class="ui-slider-range ui-slider-range-min ui-widget-header" style="height:25%;"></div>
+ <a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="bottom: 25%;"></a>
+</div>
+
+</body>
+</html>