diff options
| author | Scott Jehl <scott@scottjehl.com> | 2009-02-18 15:09:31 +0000 |
|---|---|---|
| committer | Scott Jehl <scott@scottjehl.com> | 2009-02-18 15:09:31 +0000 |
| commit | 8a6935c526001f82de6830d5a3ea89e550a21247 (patch) | |
| tree | 44fc21189c4c11a232a327826aa56ced3ddc8408 /tests | |
| parent | 0708a84aa8e7c7cf9144f48d62e46bd3b038f3d3 (diff) | |
| download | jquery-ui-8a6935c526001f82de6830d5a3ea89e550a21247.tar.gz jquery-ui-8a6935c526001f82de6830d5a3ea89e550a21247.zip | |
Added a static demo and CSS solution for the common problem that occurs when slider handles collide on the same value.
This will fix bug #3467
Diffstat (limited to 'tests')
| -rw-r--r-- | tests/static/slider/slider_horizontal_range_collision.html | 20 | ||||
| -rw-r--r-- | tests/static/slider/slider_vertical_range_collision.html | 20 |
2 files changed, 40 insertions, 0 deletions
diff --git a/tests/static/slider/slider_horizontal_range_collision.html b/tests/static/slider/slider_horizontal_range_collision.html new file mode 100644 index 000000000..b10dd43b6 --- /dev/null +++ b/tests/static/slider/slider_horizontal_range_collision.html @@ -0,0 +1,20 @@ +<!doctype html> +<html> +<head> + <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" /> + <script type="text/javascript" src="../../../jquery-1.3.1.js"></script> + <script type="text/javascript" src="../static.js"></script> +</head> +<body> + +<div id="slider-horizontal-range" class="ui-slider ui-slider-horizontal ui-slider-horizontal-collision ui-widget ui-widget-content ui-corner-all"> + <div class="ui-slider-range ui-widget-header" style="width:0%; left: 75%;"></div> + <a href="#" class="ui-slider-handle ui-state-default ui-corner-left" style="left: 75%;"></a> + <a href="#" class="ui-slider-handle ui-state-default ui-corner-right" style="left: 75%;"></a> +</div> + +</body> +</html> diff --git a/tests/static/slider/slider_vertical_range_collision.html b/tests/static/slider/slider_vertical_range_collision.html new file mode 100644 index 000000000..a9d95c079 --- /dev/null +++ b/tests/static/slider/slider_vertical_range_collision.html @@ -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-slider-vertical-collision ui-widget ui-widget-content ui-corner-all"> + <div class="ui-slider-range ui-widget-header" style="bottom: 75%; height:0%;"></div> + <a href="#" class="ui-slider-handle ui-state-default ui-corner-bottom" style="bottom: 75%;"></a> + <a href="#" class="ui-slider-handle ui-state-default ui-corner-top" style="bottom: 75%;"></a> +</div> + +</body> +</html> |