mirror of
https://github.com/jquery/jquery-ui.git
synced 2024-11-21 11:04:24 +00:00
slider visual tests: added horizontal and vertical default and range (true, min, max) tests
This commit is contained in:
Richard Worth
parent
41b2d7a5b4
commit
d18d1a2d68
24
tests/visual/slider/slider_horizontal.html
Normal file
24
tests/visual/slider/slider_horizontal.html
Normal file
@ -0,0 +1,24 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<title>Slider Visual Test : Slider horizontal</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.1.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-horizontal").slider({
|
||||||
|
orientation: 'horizontal',
|
||||||
|
value: 50
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="slider-horizontal"></div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
25
tests/visual/slider/slider_horizontal_range.html
Normal file
25
tests/visual/slider/slider_horizontal_range.html
Normal file
@ -0,0 +1,25 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<title>Slider Visual Test : Slider horizontal range</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.1.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-horizontal-range").slider({
|
||||||
|
orientation: 'horizontal',
|
||||||
|
range: true,
|
||||||
|
values: [25, 75]
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="slider-horizontal-range"></div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
25
tests/visual/slider/slider_horizontal_range_max.html
Normal file
25
tests/visual/slider/slider_horizontal_range_max.html
Normal file
@ -0,0 +1,25 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<title>Slider Visual Test : Slider horizontal range max</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.1.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-horizontal-range-max").slider({
|
||||||
|
orientation: 'horizontal',
|
||||||
|
range: 'max',
|
||||||
|
value: 75
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="slider-horizontal-range-max"></div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
25
tests/visual/slider/slider_horizontal_range_min.html
Normal file
25
tests/visual/slider/slider_horizontal_range_min.html
Normal file
@ -0,0 +1,25 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<title>Slider Visual Test : Slider horizontal range min</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.1.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-horizontal-range-min").slider({
|
||||||
|
orientation: 'horizontal',
|
||||||
|
range: 'min',
|
||||||
|
value: 25
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="slider-horizontal-range-min"></div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
24
tests/visual/slider/slider_vertical.html
Normal file
24
tests/visual/slider/slider_vertical.html
Normal file
@ -0,0 +1,24 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<title>Slider Visual Test : Slider vertical</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.1.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',
|
||||||
|
value: 50
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="slider-vertical"></div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
25
tests/visual/slider/slider_vertical_range.html
Normal file
25
tests/visual/slider/slider_vertical_range.html
Normal file
@ -0,0 +1,25 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<title>Slider Visual Test : Slider vertical range</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.1.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-range").slider({
|
||||||
|
orientation: 'vertical',
|
||||||
|
range: true,
|
||||||
|
values: [25, 75]
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="slider-vertical-range"></div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
25
tests/visual/slider/slider_vertical_range_max.html
Normal file
25
tests/visual/slider/slider_vertical_range_max.html
Normal file
@ -0,0 +1,25 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<title>Slider Visual Test : Slider vertical range max</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.1.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-range-max").slider({
|
||||||
|
orientation: 'vertical',
|
||||||
|
range: 'max',
|
||||||
|
value: 75
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="slider-vertical-range-max"></div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
25
tests/visual/slider/slider_vertical_range_min.html
Normal file
25
tests/visual/slider/slider_vertical_range_min.html
Normal file
@ -0,0 +1,25 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<title>Slider Visual Test : Slider vertical range min</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.1.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-range-min").slider({
|
||||||
|
orientation: 'vertical',
|
||||||
|
range: 'min',
|
||||||
|
value: 25
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="slider-vertical-range-min"></div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in New Issue
Block a user