Skip to content

Commit fceb70d

Browse files
committed
Spinner: Adding overflow demo
1 parent 345592f commit fceb70d

File tree

2 files changed

+48
-0
lines changed

2 files changed

+48
-0
lines changed

demos/spinner/index.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@ <h4>Examples</h4>
1313
<li><a href="currency.html">Currency</a></li>
1414
<li><a href="latlong.html">Map</a></li>
1515
<li><a href="mousewheel-disabled.html">Mousewheel Disabled</a></li>
16+
<li><a href="overflow.html">Overflow</a></li>
1617
</ul>
1718
</div>
1819
</body>

demos/spinner/overflow.html

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<title>jQuery UI Spinner - Default functionality</title>
6+
<link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
7+
<script type="text/javascript" src="../../jquery-1.4.3.js"></script>
8+
<script type="text/javascript" src="../../external/jquery.mousewheel-3.0.4.js"></script>
9+
<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
10+
<script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
11+
<script type="text/javascript" src="../../ui/jquery.ui.button.js"></script>
12+
<script type="text/javascript" src="../../ui/jquery.ui.spinner.js"></script>
13+
<link type="text/css" href="../demos.css" rel="stylesheet" />
14+
<script type="text/javascript">
15+
$(function() {
16+
$("#spinner").spinner({
17+
spin: function(event, ui) {
18+
if (ui.value > 10) {
19+
$(this).spinner("value", -10);
20+
return false;
21+
} else if (ui.value < -10) {
22+
$(this).spinner("value", 10);
23+
return false;
24+
}
25+
}
26+
});
27+
});
28+
</script>
29+
</head>
30+
<body>
31+
32+
<div class="demo">
33+
<p>
34+
<label for="spinner">Select a value:</label>
35+
<input id="spinner" name="value" />
36+
</p>
37+
</div>
38+
39+
<div class="demo-description">
40+
<p>
41+
Overflowing spinner restricted to a range of -10 to 10.
42+
For anything above 10, it'll overflow to -10, and the other way round.
43+
</p>
44+
</div>
45+
46+
</body>
47+
</html>

0 commit comments

Comments
 (0)