diff options
| author | Richard Worth <rdworth@gmail.com> | 2009-04-02 00:08:15 +0000 |
|---|---|---|
| committer | Richard Worth <rdworth@gmail.com> | 2009-04-02 00:08:15 +0000 |
| commit | 0c28f50daef533a02b79f5ad40d3ba10e3ad4b54 (patch) | |
| tree | de29f1e003f54ef21e3fa9ef7e56024a18f7fc93 /tests/visual | |
| parent | fc75c3e3adfa39f55f1a450a785cbe8da5329f30 (diff) | |
| download | jquery-ui-0c28f50daef533a02b79f5ad40d3ba10e3ad4b54.tar.gz jquery-ui-0c28f50daef533a02b79f5ad40d3ba10e3ad4b54.zip | |
added test page for #4391 - ui-state-hover, ui-state-active and disabled sliders
Diffstat (limited to 'tests/visual')
| -rw-r--r-- | tests/visual/slider/slider_method_disable.html | 44 |
1 files changed, 44 insertions, 0 deletions
diff --git a/tests/visual/slider/slider_method_disable.html b/tests/visual/slider/slider_method_disable.html new file mode 100644 index 000000000..1bc6ef59c --- /dev/null +++ b/tests/visual/slider/slider_method_disable.html @@ -0,0 +1,44 @@ +<!doctype html> +<html lang="en"> +<head> + <title>Slider Visual Test : Slider method disable</title> + <link rel="stylesheet" href="../visual.css" type="text/css" /> + <link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css"> + <script type="text/javascript" src="../../../jquery-1.3.2.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({ + range: true, + values: [25, 75] + }); + $("#slider").slider("disable"); + $(".hover").disableSelection().addClass("ui-corner-all"); + $("#hover-enable").mouseover(function() { + $("#slider").slider("enable"); + }); + $("#hover-disable").mouseover(function() { + $("#slider").slider("disable"); + }); + }); + </script> + <style type="text/css"> + .hover { width: 250px; height: 75px; color: white; font-size: 3em; text-align: center; line-height: 2.5em; cursor: default; margin: 1em 1em 0 0; float: left; } + #hover-enable { background: #4e9a06; } + #hover-disable { background: #cc0000; } + </style> +</head> +<body> + +<a href="#">tab before</a> +<div id="slider"></div> +<a href="#">tab after</a> + +<hr style="margin-top:100px;"/> + +<div id="hover-enable" class="hover">hover to enable</div> +<div id="hover-disable" class="hover">hover to disable</div> + +</body> +</html> |