slider static tests: updates and cleanup

This commit is contained in:
Richard Worth 2009-01-29 15:44:05 +00:00
parent 04c063e5b7
commit e568dc146d
6 changed files with 66 additions and 8 deletions

View File

@ -1,7 +1,7 @@
<!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" />
@ -10,7 +10,7 @@
</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>

View File

@ -1,7 +1,7 @@
<!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" />
@ -10,8 +10,8 @@
</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>

View File

@ -1,7 +1,7 @@
<!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" />
@ -10,8 +10,8 @@
</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>

View File

@ -0,0 +1,20 @@
<!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>

View File

@ -0,0 +1,19 @@
<!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>

View File

@ -0,0 +1,19 @@
<!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>