third-party/jquery-ui-1.10.2/demos/spinner/default.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>