Skip to content
Permalink
Browse files

slider option visual tests

  • Loading branch information
rdworth committed Aug 8, 2009
1 parent 8ebef87 commit 7c17d17406596bceefcaed887169b1cbc58b37a8
@@ -0,0 +1,23 @@
<!doctype html>
<html lang="en">
<head>
<title>Slider Visual Test : Slider option animate false</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({
animate: false
});
});
</script>
</head>
<body>

<div id="slider"></div>

</body>
</html>
@@ -0,0 +1,23 @@
<!doctype html>
<html lang="en">
<head>
<title>Slider Visual Test : Slider option animate true</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({
animate: true
});
});
</script>
</head>
<body>

<div id="slider"></div>

</body>
</html>
@@ -0,0 +1,23 @@
<!doctype html>
<html lang="en">
<head>
<title>Slider Visual Test : Slider option max 3</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({
max: 3
});
});
</script>
</head>
<body>

<div id="slider"></div>

</body>
</html>
@@ -0,0 +1,23 @@
<!doctype html>
<html lang="en">
<head>
<title>Slider Visual Test : Slider option max 30</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({
max: 30
});
});
</script>
</head>
<body>

<div id="slider"></div>

</body>
</html>
@@ -0,0 +1,23 @@
<!doctype html>
<html lang="en">
<head>
<title>Slider Visual Test : Slider option max 300</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({
max: 300
});
});
</script>
</head>
<body>

<div id="slider"></div>

</body>
</html>
@@ -0,0 +1,24 @@
<!doctype html>
<html lang="en">
<head>
<title>Slider Visual Test : Slider option min -3</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({
min: -3,
max: 0
});
});
</script>
</head>
<body>

<div id="slider"></div>

</body>
</html>
@@ -0,0 +1,24 @@
<!doctype html>
<html lang="en">
<head>
<title>Slider Visual Test : Slider option min -30</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({
min: -30,
max: 0
});
});
</script>
</head>
<body>

<div id="slider"></div>

</body>
</html>
@@ -0,0 +1,24 @@
<!doctype html>
<html lang="en">
<head>
<title>Slider Visual Test : Slider option min -300</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({
min: -300,
max: 0
});
});
</script>
</head>
<body>

<div id="slider"></div>

</body>
</html>
@@ -0,0 +1,23 @@
<!doctype html>
<html lang="en">
<head>
<title>Slider Visual Test : Slider option orientation '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.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({
orientation: 'horizontal'
});
});
</script>
</head>
<body>

<div id="slider"></div>

</body>
</html>
@@ -0,0 +1,23 @@
<!doctype html>
<html lang="en">
<head>
<title>Slider Visual Test : Slider option orientation '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.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({
orientation: 'vertical'
});
});
</script>
</head>
<body>

<div id="slider"></div>

</body>
</html>
@@ -0,0 +1,24 @@
<!doctype html>
<html lang="en">
<head>
<title>Slider Visual Test : Slider option range false</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: false,
value: 50
});
});
</script>
</head>
<body>

<div id="slider"></div>

</body>
</html>
@@ -0,0 +1,24 @@
<!doctype html>
<html lang="en">
<head>
<title>Slider Visual Test : Slider option 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.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: 'max',
value: 40
});
});
</script>
</head>
<body>

<div id="slider"></div>

</body>
</html>
@@ -0,0 +1,24 @@
<!doctype html>
<html lang="en">
<head>
<title>Slider Visual Test : Slider option 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.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: 'min',
value: 60
});
});
</script>
</head>
<body>

<div id="slider"></div>

</body>
</html>
@@ -0,0 +1,24 @@
<!doctype html>
<html lang="en">
<head>
<title>Slider Visual Test : Slider option range true</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]
});
});
</script>
</head>
<body>

<div id="slider"></div>

</body>
</html>
@@ -0,0 +1,23 @@
<!doctype html>
<html lang="en">
<head>
<title>Slider Visual Test : Slider option step 25</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({
step: 25
});
});
</script>
</head>
<body>

<div id="slider"></div>

</body>
</html>
@@ -0,0 +1,23 @@
<!doctype html>
<html lang="en">
<head>
<title>Slider Visual Test : Slider option step 5</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({
step: 5
});
});
</script>
</head>
<body>

<div id="slider"></div>

</body>
</html>

0 comments on commit 7c17d17

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