third-party/jquery-ui-1.10.2/demos/spinner/currency.html

   1 <!doctype html>
   2 <html lang="en">
   3 <head>
   4         <meta charset="utf-8">
   5         <title>jQuery UI Spinner - Currency</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="../../external/globalize.js"></script>
  10         <script src="../../external/globalize.culture.de-DE.js"></script>
  11         <script src="../../external/globalize.culture.ja-JP.js"></script>
  12         <script src="../../ui/jquery.ui.core.js"></script>
  13         <script src="../../ui/jquery.ui.widget.js"></script>
  14         <script src="../../ui/jquery.ui.button.js"></script>
  15         <script src="../../ui/jquery.ui.spinner.js"></script>
  16         <link rel="stylesheet" href="../demos.css">
  17         <script>
  18         $(function() {
  19                 $( "#currency" ).change(function() {
  20                         $( "#spinner" ).spinner( "option", "culture", $( this ).val() );
  21                 });
  22
  23                 $( "#spinner" ).spinner({
  24                         min: 5,
  25                         max: 2500,
  26                         step: 25,
  27                         start: 1000,
  28                         numberFormat: "C"
  29                 });
  30         });
  31         </script>
  32 </head>
  33 <body>
  34
  35 <p>
  36         <label for="currency">Currency to donate</label>
  37         <select id="currency" name="currency">
  38                 <option value="en-US">US $</option>
  39                 <option value="de-DE">EUR €</option>
  40                 <option value="ja-JP">YEN ¥</option>
  41         </select>
  42 </p>
  43 <p>
  44         <label for="spinner">Amount to donate:</label>
  45         <input id="spinner" name="spinner" value="5">
  46 </p>
  47
  48 <div class="demo-description">
  49 <p>Example of a donation form, with currency selection and amount spinner.</p>
  50 </div>
  51 </body>
  52 </html>