corrade-http-templates – Blame information for rev 57

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