mirror of
https://github.com/jquery/jquery-ui.git
synced 2024-11-21 11:04:24 +00:00
Tests: Removed some visual tests.
This commit is contained in:
Scott González
parent
e7525d7686
commit
1e9e0ed700
@ -1,84 +0,0 @@
|
||||
|
||||
body { font-size: 62.5%; margin: 0; padding: 20px; background: #191919; }
|
||||
ul.plugins {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
ul.plugins li.plugin {
|
||||
margin: 0 12px 12px 0;
|
||||
list-style-type: none;
|
||||
width: 220px;
|
||||
height: 220px;
|
||||
float: left;
|
||||
color: white;
|
||||
border: 1px solid gray;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
}
|
||||
li.plugin {
|
||||
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
|
||||
}
|
||||
|
||||
#draggable, #resizable, #selectable, #sortable {
|
||||
margin: 10px;
|
||||
width: 190px; height: 180px;
|
||||
text-align: center;
|
||||
background: #FF9C08; color: white; font-weight: bold;
|
||||
-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
|
||||
}
|
||||
#accordion {
|
||||
background: none;
|
||||
text-align: left;
|
||||
}
|
||||
#accordion, #datepicker, #dialog, #progressbar, #slider {
|
||||
margin: 10px;
|
||||
}
|
||||
#datepicker {
|
||||
margin-left: -40px;
|
||||
}
|
||||
#tabs {
|
||||
margin: 0 10px;
|
||||
}
|
||||
#selectable div {
|
||||
width: 45px; height: 45px; float: left; margin: 6px 8px;
|
||||
border: 1px solid white;
|
||||
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
|
||||
}
|
||||
#selectable .ui-selecting {
|
||||
background: gray;
|
||||
}
|
||||
#selectable .ui-selected {
|
||||
background: black;
|
||||
}
|
||||
#sortable div {
|
||||
width: 45px; height: 45px; float: left; margin: 6px 8px;
|
||||
border: 1px solid white;
|
||||
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
|
||||
}
|
||||
#sortable .ui-sortable-helper {
|
||||
background: black;
|
||||
}
|
||||
#tabs {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.draggable {
|
||||
margin: 10px;
|
||||
width: 32px;
|
||||
height: 30px;
|
||||
float: left;
|
||||
background: #FF9C08;
|
||||
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
|
||||
}
|
||||
#droppable {
|
||||
margin: 10px;
|
||||
width: 190px;
|
||||
height: 130px;
|
||||
float: left;
|
||||
border: 1px solid #FF9C08;
|
||||
overflow: hidden;
|
||||
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
|
||||
}
|
||||
#droppable .draggable {
|
||||
margin: 7px;
|
||||
}
|
||||
@ -1,190 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Simple All</title>
|
||||
<link rel="stylesheet" href="all.css" type="text/css">
|
||||
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../ui/jquery.ui.position.js"></script>
|
||||
<script type="text/javascript" src="../../ui/jquery.ui.accordion.js"></script>
|
||||
<script type="text/javascript" src="../../ui/jquery.ui.menu.js"></script>
|
||||
<script type="text/javascript" src="../../ui/jquery.ui.autocomplete.js"></script>
|
||||
<script type="text/javascript" src="../../ui/jquery.ui.button.js"></script>
|
||||
<script type="text/javascript" src="../../ui/jquery.ui.datepicker.js"></script>
|
||||
<script type="text/javascript" src="../../ui/jquery.ui.dialog.js"></script>
|
||||
<script type="text/javascript" src="../../ui/jquery.ui.draggable.js"></script>
|
||||
<script type="text/javascript" src="../../ui/jquery.ui.droppable.js"></script>
|
||||
<script type="text/javascript" src="../../ui/jquery.ui.progressbar.js"></script>
|
||||
<script type="text/javascript" src="../../ui/jquery.ui.resizable.js"></script>
|
||||
<script type="text/javascript" src="../../ui/jquery.ui.selectable.js"></script>
|
||||
<script type="text/javascript" src="../../ui/jquery.ui.slider.js"></script>
|
||||
<script type="text/javascript" src="../../ui/jquery.ui.sortable.js"></script>
|
||||
<script type="text/javascript" src="../../ui/jquery.ui.tabs.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#accordion").accordion({ header: "h3" });
|
||||
$("#autocomplete").autocomplete({
|
||||
source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "perl"]
|
||||
});
|
||||
$("#button").button();
|
||||
$("#buttonset").buttonset();
|
||||
$("#datepicker").datepicker();
|
||||
$("#dialog button").click(function() {
|
||||
$("#dlg").clone().dialog();
|
||||
});
|
||||
$("#draggable").draggable();
|
||||
$(".draggable").draggable();
|
||||
$("#droppable").droppable({
|
||||
accept: '.draggable',
|
||||
drop: function(ev, ui) {
|
||||
ui.draggable.css({ position: 'relative', top: 0, left: 0 }).clone().appendTo(this);
|
||||
}
|
||||
});
|
||||
$("#progressbar").progressbar({ value: 37 });
|
||||
$("#resizable").resizable();
|
||||
$("#selectable").selectable();
|
||||
$("#slider").slider();
|
||||
$("#sortable").sortable();
|
||||
$("#tabs").tabs();
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<ul class="plugins">
|
||||
<li class="plugin">
|
||||
Accordion
|
||||
<div id="accordion">
|
||||
<div>
|
||||
<h3><a href="#">First</a></h3>
|
||||
<div>
|
||||
Lorem ipsum dolor sit amet.
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h3><a href="#">Second</a></h3>
|
||||
<div>
|
||||
Phasellus mattis tincidunt nibh.
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h3><a href="#">Third</a></h3>
|
||||
<div>
|
||||
Nam dui erat, auctor a, dignissim quis.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="plugin">
|
||||
Autocomplete
|
||||
<div>
|
||||
<input id="autocomplete" />
|
||||
<select>
|
||||
<option>iframe test</option>
|
||||
</select>
|
||||
</div>
|
||||
</li>
|
||||
<li class="plugin">
|
||||
Button
|
||||
<div>
|
||||
<button id="button">A button element</button>
|
||||
<form style="margin-top: 1em;">
|
||||
<div id="buttonset">
|
||||
<input type="radio" id="radio1" name="radio" /><label for="radio1">Choice 1</label>
|
||||
<input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Choice 2</label>
|
||||
<input type="radio" id="radio3" name="radio" /><label for="radio3">Choice 3</label>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</li>
|
||||
<li class="plugin">
|
||||
Datepicker
|
||||
<div>
|
||||
<input type="text" id="datepicker">
|
||||
</div>
|
||||
</li>
|
||||
<li class="plugin">
|
||||
Dialog
|
||||
<div id="dialog">
|
||||
<button>Open</button>
|
||||
<div id="dlg" title="Dialog Title">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="plugin">
|
||||
Draggable
|
||||
<div id="draggable"></div>
|
||||
</li>
|
||||
<li class="plugin">
|
||||
Droppable
|
||||
<div class="draggable">D</div>
|
||||
<div class="draggable">R</div>
|
||||
<div class="draggable">A</div>
|
||||
<div class="draggable">G</div>
|
||||
<div id="droppable">
|
||||
DROP
|
||||
<hr>
|
||||
</div>
|
||||
</li>
|
||||
<li class="plugin">
|
||||
Progressbar
|
||||
<div id="progressbar"></div>
|
||||
</li>
|
||||
<li class="plugin">
|
||||
Resizable
|
||||
<div id="resizable"></div>
|
||||
</li>
|
||||
<li class="plugin">
|
||||
Selectable
|
||||
<div id="selectable">
|
||||
<div>1</div>
|
||||
<div>2</div>
|
||||
<div>3</div>
|
||||
<div>4</div>
|
||||
<div>5</div>
|
||||
<div>6</div>
|
||||
<div>7</div>
|
||||
<div>8</div>
|
||||
<div>9</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="plugin">
|
||||
Slider
|
||||
<div id="slider"></div>
|
||||
</li>
|
||||
<li class="plugin">
|
||||
Sortable
|
||||
<div id="sortable">
|
||||
<div>C</div>
|
||||
<div>I</div>
|
||||
<div>G</div>
|
||||
<div>F</div>
|
||||
<div>D</div>
|
||||
<div>H</div>
|
||||
<div>A</div>
|
||||
<div>E</div>
|
||||
<div>B</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="plugin">
|
||||
Tabs
|
||||
<div id="tabs">
|
||||
<ul>
|
||||
<li><a href="#tabs-1">First</a></li>
|
||||
<li><a href="#tabs-2">Second</a></li>
|
||||
<li><a href="#tabs-3">Third</a></li>
|
||||
</ul>
|
||||
<div id="tabs-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
|
||||
<div id="tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div>
|
||||
<div id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,44 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Animate Visual Test : Animate backgroundColor hex</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.effects.core.js"></script>
|
||||
<script type="text/javascript">
|
||||
function hexFromRGB (r, g, b) {
|
||||
var hex = [
|
||||
r.toString(16),
|
||||
g.toString(16),
|
||||
b.toString(16)
|
||||
];
|
||||
$.each(hex, function (nr, val) {
|
||||
if (val.length == 1) {
|
||||
hex[nr] = '0' + val;
|
||||
}
|
||||
});
|
||||
return hex.join('').toUpperCase();
|
||||
}
|
||||
function randomColorHex() {
|
||||
return '#' + hexFromRGB(Math.floor(Math.random()*256), Math.floor(Math.random()*256), Math.floor(Math.random()*256));
|
||||
}
|
||||
$(function() {
|
||||
$("#go").click(function() {
|
||||
$("#animate-backgroundColor").stop().animate({ backgroundColor: randomColorHex() }, "fast");
|
||||
});
|
||||
})
|
||||
</script>
|
||||
<style type="text/css">
|
||||
#animate-backgroundColor { width: 100px; height: 100px; background-color: gray; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="animate-backgroundColor"></div>
|
||||
|
||||
<button id="go">Go</button>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,35 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Animate Visual Test : Animate backgroundColor rgb</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.effects.core.js"></script>
|
||||
<script type="text/javascript">
|
||||
function randomColorRGB() {
|
||||
return 'rgb('
|
||||
+ Math.floor(Math.random()*256)
|
||||
+ ', ' + Math.floor(Math.random()*256)
|
||||
+ ', ' + Math.floor(Math.random()*256)
|
||||
+ ')';
|
||||
}
|
||||
$(function() {
|
||||
$("#go").click(function() {
|
||||
$("#animate-backgroundColor").stop().animate({ backgroundColor: randomColorRGB() }, "fast");
|
||||
});
|
||||
})
|
||||
</script>
|
||||
<style type="text/css">
|
||||
#animate-backgroundColor { width: 100px; height: 100px; background-color: gray; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="animate-backgroundColor"></div>
|
||||
|
||||
<button id="go">Go</button>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,44 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Animate Visual Test : Animate color hex</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.effects.core.js"></script>
|
||||
<script type="text/javascript">
|
||||
function hexFromRGB (r, g, b) {
|
||||
var hex = [
|
||||
r.toString(16),
|
||||
g.toString(16),
|
||||
b.toString(16)
|
||||
];
|
||||
$.each(hex, function (nr, val) {
|
||||
if (val.length == 1) {
|
||||
hex[nr] = '0' + val;
|
||||
}
|
||||
});
|
||||
return hex.join('').toUpperCase();
|
||||
}
|
||||
function randomColorHex() {
|
||||
return '#' + hexFromRGB(Math.floor(Math.random()*256), Math.floor(Math.random()*256), Math.floor(Math.random()*256));
|
||||
}
|
||||
$(function() {
|
||||
$("#go").click(function() {
|
||||
$("#animate-color").stop().animate({ color: randomColorHex() }, "fast");
|
||||
});
|
||||
})
|
||||
</script>
|
||||
<style type="text/css">
|
||||
#animate-color { width: 250px; height: 100px; color: gray; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="animate-color">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</div>
|
||||
|
||||
<button id="go">Go</button>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,35 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Animate Visual Test : Animate color rgb</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.effects.core.js"></script>
|
||||
<script type="text/javascript">
|
||||
function randomColorRGB() {
|
||||
return 'rgb('
|
||||
+ Math.floor(Math.random()*256)
|
||||
+ ', ' + Math.floor(Math.random()*256)
|
||||
+ ', ' + Math.floor(Math.random()*256)
|
||||
+ ')';
|
||||
}
|
||||
$(function() {
|
||||
$("#go").click(function() {
|
||||
$("#animate-color").stop().animate({ color: randomColorRGB() }, "fast");
|
||||
});
|
||||
})
|
||||
</script>
|
||||
<style type="text/css">
|
||||
#animate-color { width: 250px; height: 100px; color: gray; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="animate-color">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</div>
|
||||
|
||||
<button id="go">Go</button>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,67 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset=utf-8 />
|
||||
<title>Test for Issue #6946</title>
|
||||
<link rel="stylesheet" href="../all.css" type="text/css">
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" />
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.sortable.js"></script>
|
||||
<style type="text/css" media="screen">
|
||||
|
||||
body {
|
||||
background: white;
|
||||
font-size: 90%;
|
||||
}
|
||||
.error {
|
||||
color: #f55;
|
||||
font-style: italic;
|
||||
}
|
||||
#sortable div:hover {
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Test for Issue #6946</h1>
|
||||
<p>Use the following list to test the steps listed below:</p>
|
||||
<div id="sortable">
|
||||
<div>One</div>
|
||||
<div>Two</div>
|
||||
<div>Three</div>
|
||||
</div>
|
||||
<div id="events"></div>
|
||||
<h2>Expected</h2>
|
||||
<ol>
|
||||
<li>Drag an item to a new position in the list and release.</li>
|
||||
<li>The click event should be received (appropriately suppressed by jQuery UI).</li>
|
||||
<li>Click the same item.</li>
|
||||
<li>The click event should be received.</li>
|
||||
<li>Click the same item again.</li>
|
||||
<li>The click event should be received.</li>
|
||||
</ol>
|
||||
<h2>Experienced (Gecko/Opera)</h2>
|
||||
<ol>
|
||||
<li>Drag an item to a new position in the list and release.</li>
|
||||
<li>The click event is not received <em>(never sent by browser)</em>.</li>
|
||||
<li>Click the same item.</li>
|
||||
<li class="error">The click event is not received (erroneously suppressed by jQuery UI).</li>
|
||||
<li>Click the same item again.</li>
|
||||
<li>The click event is finally received.</li>
|
||||
</ol>
|
||||
<script type="text/javascript">
|
||||
|
||||
$(function () {
|
||||
$('#sortable').sortable();
|
||||
$('#sortable').bind('click', function () {
|
||||
$('#events').append('Click event received!<br />');
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,24 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Slider Visual Test : Default</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#slider1").slider();
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider1"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,27 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Slider Visual Test : Slider horizontal</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("body").children(":first").slider({
|
||||
orientation: 'horizontal',
|
||||
value: 50
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,28 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Slider Visual Test : Slider horizontal range</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("body").children(":first").slider({
|
||||
orientation: 'horizontal',
|
||||
range: true,
|
||||
values: [25, 75]
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,28 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Slider Visual Test : Slider horizontal range max</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("body").children(":first").slider({
|
||||
orientation: 'horizontal',
|
||||
range: 'max',
|
||||
value: 75
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,28 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Slider Visual Test : Slider horizontal range min</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("body").children(":first").slider({
|
||||
orientation: 'horizontal',
|
||||
range: 'min',
|
||||
value: 25
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,43 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Slider Visual Test : Slider in container with scrollbars</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#slider").slider({ value: 50 });
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1>
|
||||
TEST: press UP, DOWN, LEFT, RIGHT, HOME, END on a slider which is inside a container with scrollbars.
|
||||
</h1>
|
||||
|
||||
<div style="width: 200px; height: 150px; overflow:scroll;">
|
||||
|
||||
<div style="width: 220px; height: 180px;">
|
||||
|
||||
<div style="width: 100px; margin-left: 40px; margin-top: 60px;" id="slider"></div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<h2>
|
||||
ASSERT: the scrollbars do not move when the focus is on the slider handle and an arrow key or HOME or END are pressed.
|
||||
</h2>
|
||||
<h2>
|
||||
ASSERT: the scrollbars move when the focus is not on the slider handle and an arrow key or HOME or END are pressed.
|
||||
</h2>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,28 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Slider Visual Test : Slider method destroy</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#slider").slider({
|
||||
range: true,
|
||||
values: [25, 75]
|
||||
});
|
||||
$("#slider").slider("destroy");
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,47 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Slider Visual Test : Slider method disable</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.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>
|
||||
@ -1,26 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Slider Visual Test : Slider option animate false</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#slider").slider({
|
||||
animate: false
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,65 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Slider Visual Test : Slider option animate true</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script>
|
||||
|
||||
<style type="text/css">
|
||||
fieldset { padding: 1em; margin: 1em; }
|
||||
legend { font-size: 1.3em; font-family: monospace; font-weight: bold; }
|
||||
#slider1 { margin: 1em; }
|
||||
#slider2 { margin: 1em; height: 400px; }
|
||||
</style>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#slider1").slider({
|
||||
animate: true,
|
||||
step: 10
|
||||
});
|
||||
$("#slider2").slider({
|
||||
animate: true,
|
||||
orientation: 'vertical',
|
||||
step: 5,
|
||||
values: [5, 15, 35, 75]
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<fieldset>
|
||||
<legend>$("#slider1").slider({
|
||||
animate: true,
|
||||
step: 10
|
||||
});</legend>
|
||||
<div id="slider1"></div>
|
||||
<button onclick="$('#slider1').slider('value', 15);">method value: 15</button>
|
||||
<button onclick="$('#slider1').slider('value', 75);">method value: 75</button>
|
||||
<button onclick="$('#slider1').slider('option', 'value', 25);">option value: 25</button>
|
||||
<button onclick="$('#slider1').slider('option', 'value', 85);">option value: 85</button>
|
||||
</fieldset>
|
||||
|
||||
<fieldset>
|
||||
<legend>$("#slider2").slider({
|
||||
animate: true,
|
||||
orientation: 'vertical',
|
||||
step: 5,
|
||||
values: [5, 15, 35, 75]
|
||||
});</legend>
|
||||
<div id="slider2"></div>
|
||||
<button onclick="$('#slider2').slider('values', [10, 20, 30, 40]);">method values: [10, 20, 30, 40]</button>
|
||||
<button onclick="$('#slider2').slider('values', [80, 70, 60, 50]);">method values: [80, 70, 60, 50]</button>
|
||||
<button onclick="$('#slider2').slider('option', 'values', [20, 30, 40, 50]);">option values: [20, 30, 40, 50]</button>
|
||||
<button onclick="$('#slider2').slider('option', 'values', [90, 80, 70, 60]);">option values: [90, 80, 70, 60]</button>
|
||||
</fieldset>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,26 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Slider Visual Test : Slider option max 3</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#slider").slider({
|
||||
max: 3
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,26 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Slider Visual Test : Slider option max 30</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#slider").slider({
|
||||
max: 30
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,26 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Slider Visual Test : Slider option max 300</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#slider").slider({
|
||||
max: 300
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,27 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Slider Visual Test : Slider option min -3</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#slider").slider({
|
||||
min: -3,
|
||||
max: 0
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,27 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Slider Visual Test : Slider option min -30</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#slider").slider({
|
||||
min: -30,
|
||||
max: 0
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,27 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Slider Visual Test : Slider option min -300</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#slider").slider({
|
||||
min: -300,
|
||||
max: 0
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,26 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Slider Visual Test : Slider option orientation 'horizontal'</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#slider").slider({
|
||||
orientation: 'horizontal'
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,26 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Slider Visual Test : Slider option orientation 'vertical'</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#slider").slider({
|
||||
orientation: 'vertical'
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,27 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Slider Visual Test : Slider option range false</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#slider").slider({
|
||||
range: false,
|
||||
value: 50
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,27 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Slider Visual Test : Slider option range 'max'</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#slider").slider({
|
||||
range: 'max',
|
||||
value: 40
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,27 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Slider Visual Test : Slider option range 'min'</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#slider").slider({
|
||||
range: 'min',
|
||||
value: 60
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,27 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Slider Visual Test : Slider option range true</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.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>
|
||||
@ -1,26 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Slider Visual Test : Slider option step 25</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#slider").slider({
|
||||
step: 25
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,26 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Slider Visual Test : Slider option step 5</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#slider").slider({
|
||||
step: 5
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,26 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Slider Visual Test : Slider option value 3</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#slider").slider({
|
||||
value: 3
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,26 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Slider Visual Test : Slider option value 30</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#slider").slider({
|
||||
value: 30
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,26 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Slider Visual Test : Slider option values 25 50 75</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#slider").slider({
|
||||
values: [25, 50, 75]
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,26 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Slider Visual Test : Slider option values 25 75</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#slider").slider({
|
||||
values: [25, 75]
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,26 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Slider Visual Test : Slider option values 50</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#slider").slider({
|
||||
values: [50]
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,36 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Slider Visual Test : Slider ticket #3736</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#slider").slider({
|
||||
values: [25, 50, 75]
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1 class="ui-widget-header"><a href="http://dev.jqueryui.com/ticket/3736">#3736 - Some handles get stuck when using two or more handles</a></h1>
|
||||
|
||||
<h2>
|
||||
TEST: Move all three handles with the mouse and the keyboard.
|
||||
</h2>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
<h3>
|
||||
ASSERT: Each handle can be moved along the full slider, not restricted by value of other handle(s).
|
||||
</h3>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,44 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Slider Visual Test : Slider ticket #3762</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#slider").slider({ values: [5,0], range: true});
|
||||
$("#slider1").slider({ values: [-1,5], range: true});
|
||||
$("#slider2").slider({ values: [5,200], range: true});
|
||||
$("#slider3").slider({ values: [5,0], range: true});
|
||||
$("#slider4").slider({range: true});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1 class="ui-widget-header"><a href="http://dev.jqueryui.com/ticket/3762">#3762 - slider handles not restricted properly when set programmatically</a></h1>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
<div>- if less than min, set to min</div>
|
||||
<div id="slider1"></div>
|
||||
|
||||
<div>- if greater than max, set to max</div>
|
||||
<div id="slider2"></div>
|
||||
|
||||
<div>- if less than previous handle value, set to previous handle value</div>
|
||||
<div id="slider3"></div>
|
||||
|
||||
<div>no values set</div>
|
||||
<div id="slider4"></div>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,42 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Slider Visual Test : Slider ticket #4385</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#slider").slider({
|
||||
range: true,
|
||||
min: 0,
|
||||
max: 500,
|
||||
values: [75, 300],
|
||||
slide: function(event, ui) {
|
||||
var minMet = ((ui.values[1] - ui.values[0]) > 50);
|
||||
minMet && $("#rangevalue").text(ui.values[0] + ' - ' + ui.values[1]);
|
||||
return minMet;
|
||||
}
|
||||
});
|
||||
$("#rangevalue").text($("#slider").slider("values", 0) + ' - ' + $("#slider").slider("values", 1));
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1 class="ui-widget-header"><a href="http://dev.jqueryui.com/ticket/4385">#4385 - event slide callback returning false can lead to stuck range handles</a></h1>
|
||||
|
||||
<p>
|
||||
<label for="rangevalue">Price range:</label>
|
||||
<span id="rangevalue"></span>
|
||||
</p>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,34 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Slider Visual Test : Slider ticket #4467</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#slider").slider({
|
||||
range: true,
|
||||
values: [25, 75]
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<style type="text/css">
|
||||
.ui-slider-handle {
|
||||
width: 100px !important;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1 class="ui-widget-header"><a href="http://dev.jqueryui.com/ticket/4467">#4467 - slider handle jumps few pixels right or left if it's clicked on it</a></h1>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,27 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Slider Visual Test : Slider vertical</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("body").children(":first").slider({
|
||||
orientation: 'vertical',
|
||||
value: 50
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,28 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Slider Visual Test : Slider vertical range</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("body").children(":first").slider({
|
||||
orientation: 'vertical',
|
||||
range: true,
|
||||
values: [25, 75]
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,28 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Slider Visual Test : Slider vertical range max</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("body").children(":first").slider({
|
||||
orientation: 'vertical',
|
||||
range: 'max',
|
||||
value: 75
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,28 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Slider Visual Test : Slider vertical range min</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("body").children(":first").slider({
|
||||
orientation: 'vertical',
|
||||
range: 'min',
|
||||
value: 25
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,43 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Spinner Visual Test Page</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" title="ui-theme" />
|
||||
<script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
|
||||
<script type="text/javascript" src="../../../external/jquery.mousewheel-3.0.4.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.button.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/jquery.ui.spinner.js"></script>
|
||||
<script type="text/javascript" src="http://jqueryui.com/themeroller/themeswitchertool/"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$.fn.themeswitcher && $('<div/>').css({
|
||||
position: "absolute",
|
||||
right: 10,
|
||||
top: 10
|
||||
}).appendTo(document.body).themeswitcher();
|
||||
|
||||
$('#spinner').spinner({
|
||||
start: function(event, ui) {
|
||||
console.log(event.type, ui.value, $(this).spinner("value"));
|
||||
},
|
||||
spin: function(event, ui) {
|
||||
console.log(event.type, ui.value, $(this).spinner("value"));
|
||||
},
|
||||
stop: function(event) {
|
||||
console.log(event.type, $(this).spinner("value"));
|
||||
},
|
||||
change: function(event) {
|
||||
console.log(event.type, $(this).spinner("value"));
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p><label for="spinner">Basic with event callbacks:</label> <input id="spinner"></p>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user