demos/spinner/default.html

<!doctype html>
<html lang="en">
<head>
        <meta charset="utf-8">
        <title>jQuery UI Spinner - Default functionality</title>
        <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
        <script src="../../jquery-1.9.1.js"></script>
        <script src="../../external/jquery.mousewheel.js"></script>
        <script src="../../ui/jquery.ui.core.js"></script>
        <script src="../../ui/jquery.ui.widget.js"></script>
        <script src="../../ui/jquery.ui.button.js"></script>
        <script src="../../ui/jquery.ui.spinner.js"></script>
        <link rel="stylesheet" href="../demos.css">
        <script>
        $(function() {
                var spinner = $( "#spinner" ).spinner();

                $( "#disable" ).click(function() {
                        if ( spinner.spinner( "option", "disabled" ) ) {
                                spinner.spinner( "enable" );
                        } else {
                                spinner.spinner( "disable" );
                        }
                });
                $( "#destroy" ).click(function() {
                        if ( spinner.data( "ui-spinner" ) ) {
                                spinner.spinner( "destroy" );
                        } else {
                                spinner.spinner();
                        }
                });
                $( "#getvalue" ).click(function() {
                        alert( spinner.spinner( "value" ) );
                });
                $( "#setvalue" ).click(function() {
                        spinner.spinner( "value", 5 );
                });

                $( "button" ).button();
        });
        </script>
</head>
<body>

<p>
        <label for="spinner">Select a value:</label>
        <input id="spinner" name="value">
</p>

<p>
        <button id="disable">Toggle disable/enable</button>
        <button id="destroy">Toggle widget</button>
</p>

<p>
        <button id="getvalue">Get value</button>
        <button id="setvalue">Set value to 5</button>
</p>

<div class="demo-description">
<p>Default spinner.</p>
</div>
</body>
</html>
1	<!doctype html>
2	<html lang="en">
3	<head>
4	<meta charset="utf-8">
5	<title>jQuery UI Spinner - Default functionality</title>
6	<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
7	<script src="../../jquery-1.9.1.js"></script>
8	<script src="../../external/jquery.mousewheel.js"></script>
9	<script src="../../ui/jquery.ui.core.js"></script>
10	<script src="../../ui/jquery.ui.widget.js"></script>
11	<script src="../../ui/jquery.ui.button.js"></script>
12	<script src="../../ui/jquery.ui.spinner.js"></script>
13	<link rel="stylesheet" href="../demos.css">
14	<script>
15	$(function() {
16	var spinner = $( "#spinner" ).spinner();
17
18	$( "#disable" ).click(function() {
19	if ( spinner.spinner( "option", "disabled" ) ) {
20	spinner.spinner( "enable" );
21	} else {
22	spinner.spinner( "disable" );
23	}
24	});
25	$( "#destroy" ).click(function() {
26	if ( spinner.data( "ui-spinner" ) ) {
27	spinner.spinner( "destroy" );
28	} else {
29	spinner.spinner();
30	}
31	});
32	$( "#getvalue" ).click(function() {
33	alert( spinner.spinner( "value" ) );
34	});
35	$( "#setvalue" ).click(function() {
36	spinner.spinner( "value", 5 );
37	});
38
39	$( "button" ).button();
40	});
41	</script>
42	</head>
43	<body>
44
45	<p>
46	<label for="spinner">Select a value:</label>
47	<input id="spinner" name="value">
48	</p>
49
50	<p>
51	<button id="disable">Toggle disable/enable</button>
52	<button id="destroy">Toggle widget</button>
53	</p>
54
55	<p>
56	<button id="getvalue">Get value</button>
57	<button id="setvalue">Set value to 5</button>
58	</p>
59
60	<div class="demo-description">
61	<p>Default spinner.</p>
62	</div>
63	</body>
64	</html>