Skip to content
Permalink
Browse files

slider visual tests: added horizontal and vertical default and range …

…(true, min, max) tests
  • Loading branch information
rdworth committed Jan 29, 2009
1 parent 41b2d7a commit d18d1a2d6825cb4d3dc9fb477b41204fac46b13c
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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>

0 comments on commit d18d1a2

Please sign in to comment.
You can’t perform that action at this time.