File tree Expand file tree Collapse file tree 2 files changed +48
-0
lines changed Expand file tree Collapse file tree 2 files changed +48
-0
lines changed Original file line number Diff line number Diff line change @@ -13,6 +13,7 @@ <h4>Examples</h4>
13
13
< li > < a href ="currency.html "> Currency</ a > </ li >
14
14
< li > < a href ="latlong.html "> Map</ a > </ li >
15
15
< li > < a href ="mousewheel-disabled.html "> Mousewheel Disabled</ a > </ li >
16
+ < li > < a href ="overflow.html "> Overflow</ a > </ li >
16
17
</ ul >
17
18
</ div >
18
19
</ body >
Original file line number Diff line number Diff line change
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 >
You can’t perform that action at this time.
0 commit comments