forked from jquery/jquery-ui
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
051b9e0
commit 7173565
Showing
7 changed files
with
383 additions
and
383 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,61 +1,61 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>jQuery UI Spinner - Default functionality</title> | ||
| <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" /> | ||
| <script type="text/javascript" src="../../jquery-1.6.2.js"></script> | ||
| <script type="text/javascript" src="../../external/jquery.mousewheel-3.0.4.js"></script> | ||
| <script type="text/javascript" src="../../external/jquery.global.js"></script> | ||
| <script type="text/javascript" src="../../external/jquery.global.de-DE.js"></script> | ||
| <script type="text/javascript" src="../../external/jquery.global.ja-JP.js"></script> | ||
| <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script> | ||
| <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script> | ||
| <script type="text/javascript" src="../../ui/jquery.ui.button.js"></script> | ||
| <script type="text/javascript" src="../../ui/jquery.ui.spinner.js"></script> | ||
| <link type="text/css" href="../demos.css" rel="stylesheet" /> | ||
| <script type="text/javascript"> | ||
| $(function() { | ||
| $("#currency").change(function() { | ||
| var current = $("#spinner").spinner("value"); | ||
| $.global.preferCulture($(this).val()); | ||
| $("#spinner").spinner("value", current); | ||
| }) | ||
|
|
||
| $("#spinner").spinner({ | ||
| min: 5, | ||
| max: 2500, | ||
| step: 25, | ||
| start: 1000, | ||
| numberFormat: "C" | ||
| }); | ||
|
|
||
| }); | ||
| </script> | ||
| </head> | ||
| <body> | ||
|
|
||
| <div class="demo"> | ||
|
|
||
| <p> | ||
| <label for="currency">Currency to donate</label> | ||
| <select id="currency" name="currency"> | ||
| <option value="en-US">US $</option> | ||
| <option value="de-DE">EUR €</option> | ||
| <option value="ja-JP">YEN ¥</option> | ||
| </select> | ||
| </p> | ||
| <p> | ||
| <label for="spinner">Amount to donate:</label> | ||
| <input id="spinner" name="spinner" value="5" /> | ||
| </p> | ||
| </div> | ||
|
|
||
| <div class="demo-description"> | ||
| <p> | ||
| Example of a donation form, with currency selection and amout spinner. | ||
| </p> | ||
| </div> | ||
|
|
||
| </body> | ||
| </html> | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>jQuery UI Spinner - Default functionality</title> | ||
| <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" /> | ||
| <script type="text/javascript" src="../../jquery-1.6.2.js"></script> | ||
| <script type="text/javascript" src="../../external/jquery.mousewheel-3.0.4.js"></script> | ||
| <script type="text/javascript" src="../../external/jquery.global.js"></script> | ||
| <script type="text/javascript" src="../../external/jquery.global.de-DE.js"></script> | ||
| <script type="text/javascript" src="../../external/jquery.global.ja-JP.js"></script> | ||
| <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script> | ||
| <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script> | ||
| <script type="text/javascript" src="../../ui/jquery.ui.button.js"></script> | ||
| <script type="text/javascript" src="../../ui/jquery.ui.spinner.js"></script> | ||
| <link type="text/css" href="../demos.css" rel="stylesheet" /> | ||
| <script type="text/javascript"> | ||
| $(function() { | ||
| $("#currency").change(function() { | ||
| var current = $("#spinner").spinner("value"); | ||
| $.global.preferCulture($(this).val()); | ||
| $("#spinner").spinner("value", current); | ||
| }) | ||
|
|
||
| $("#spinner").spinner({ | ||
| min: 5, | ||
| max: 2500, | ||
| step: 25, | ||
| start: 1000, | ||
| numberFormat: "C" | ||
| }); | ||
|
|
||
| }); | ||
| </script> | ||
| </head> | ||
| <body> | ||
|
|
||
| <div class="demo"> | ||
|
|
||
| <p> | ||
| <label for="currency">Currency to donate</label> | ||
| <select id="currency" name="currency"> | ||
| <option value="en-US">US $</option> | ||
| <option value="de-DE">EUR €</option> | ||
| <option value="ja-JP">YEN ¥</option> | ||
| </select> | ||
| </p> | ||
| <p> | ||
| <label for="spinner">Amount to donate:</label> | ||
| <input id="spinner" name="spinner" value="5" /> | ||
| </p> | ||
| </div> | ||
|
|
||
| <div class="demo-description"> | ||
| <p> | ||
| Example of a donation form, with currency selection and amout spinner. | ||
| </p> | ||
| </div> | ||
|
|
||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,59 +1,59 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>jQuery UI Spinner - decimal</title> | ||
| <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" /> | ||
| <script type="text/javascript" src="../../jquery-1.6.2.js"></script> | ||
| <script type="text/javascript" src="../../external/jquery.mousewheel-3.0.4.js"></script> | ||
| <script type="text/javascript" src="../../external/jquery.global.js"></script> | ||
| <script type="text/javascript" src="../../external/jquery.global.de-DE.js"></script> | ||
| <script type="text/javascript" src="../../external/jquery.global.ja-JP.js"></script> | ||
| <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script> | ||
| <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script> | ||
| <script type="text/javascript" src="../../ui/jquery.ui.button.js"></script> | ||
| <script type="text/javascript" src="../../ui/jquery.ui.spinner.js"></script> | ||
| <link type="text/css" href="../demos.css" rel="stylesheet" /> | ||
| <script type="text/javascript"> | ||
| $(function() { | ||
| $("#spinner").spinner({ | ||
| step: 0.01, | ||
| numberFormat: "n" | ||
| }); | ||
|
|
||
| $("#culture").change(function() { | ||
| var current = $("#spinner").spinner("value"); | ||
| $.global.preferCulture($(this).val()); | ||
| $("#spinner").spinner("value", current); | ||
| }) | ||
| }); | ||
| </script> | ||
| </head> | ||
| <body> | ||
|
|
||
| <div class="demo"> | ||
| <p> | ||
| <label for="spinner">Decimal spinner:</label> | ||
| <input id="spinner" name="spinner" value="5.06" /> | ||
| </p> | ||
| <p> | ||
| <label for="culture">Select a culture to use for formatting:</label> | ||
| <select id="culture"> | ||
| <option value="en-EN" selected="selected">English</option> | ||
| <option value="de-DE">German</option> | ||
| <option value="ja-JP">Japanese</option> | ||
| </select> | ||
| </p> | ||
| </div> | ||
|
|
||
| <div class="demo-description"> | ||
| <p> | ||
| Example of a decimal spinner. Step is set to 0.01. | ||
| <br/>The code handling the culture change reads the current spinner value, | ||
| then changes the culture, then sets the value again, resulting in an updated | ||
| formatting, based on the new culture. | ||
| </p> | ||
| </div> | ||
|
|
||
| </body> | ||
| </html> | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>jQuery UI Spinner - decimal</title> | ||
| <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" /> | ||
| <script type="text/javascript" src="../../jquery-1.6.2.js"></script> | ||
| <script type="text/javascript" src="../../external/jquery.mousewheel-3.0.4.js"></script> | ||
| <script type="text/javascript" src="../../external/jquery.global.js"></script> | ||
| <script type="text/javascript" src="../../external/jquery.global.de-DE.js"></script> | ||
| <script type="text/javascript" src="../../external/jquery.global.ja-JP.js"></script> | ||
| <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script> | ||
| <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script> | ||
| <script type="text/javascript" src="../../ui/jquery.ui.button.js"></script> | ||
| <script type="text/javascript" src="../../ui/jquery.ui.spinner.js"></script> | ||
| <link type="text/css" href="../demos.css" rel="stylesheet" /> | ||
| <script type="text/javascript"> | ||
| $(function() { | ||
| $("#spinner").spinner({ | ||
| step: 0.01, | ||
| numberFormat: "n" | ||
| }); | ||
|
|
||
| $("#culture").change(function() { | ||
| var current = $("#spinner").spinner("value"); | ||
| $.global.preferCulture($(this).val()); | ||
| $("#spinner").spinner("value", current); | ||
| }) | ||
| }); | ||
| </script> | ||
| </head> | ||
| <body> | ||
|
|
||
| <div class="demo"> | ||
| <p> | ||
| <label for="spinner">Decimal spinner:</label> | ||
| <input id="spinner" name="spinner" value="5.06" /> | ||
| </p> | ||
| <p> | ||
| <label for="culture">Select a culture to use for formatting:</label> | ||
| <select id="culture"> | ||
| <option value="en-EN" selected="selected">English</option> | ||
| <option value="de-DE">German</option> | ||
| <option value="ja-JP">Japanese</option> | ||
| </select> | ||
| </p> | ||
| </div> | ||
|
|
||
| <div class="demo-description"> | ||
| <p> | ||
| Example of a decimal spinner. Step is set to 0.01. | ||
| <br/>The code handling the culture change reads the current spinner value, | ||
| then changes the culture, then sets the value again, resulting in an updated | ||
| formatting, based on the new culture. | ||
| </p> | ||
| </div> | ||
|
|
||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,65 +1,65 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>jQuery UI Spinner - Default functionality</title> | ||
| <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" /> | ||
| <script type="text/javascript" src="../../jquery-1.6.2.js"></script> | ||
| <script type="text/javascript" src="../../external/jquery.mousewheel-3.0.4.js"></script> | ||
| <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script> | ||
| <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script> | ||
| <script type="text/javascript" src="../../ui/jquery.ui.button.js"></script> | ||
| <script type="text/javascript" src="../../ui/jquery.ui.spinner.js"></script> | ||
| <link type="text/css" href="../demos.css" rel="stylesheet" /> | ||
| <script type="text/javascript"> | ||
| $(function() { | ||
| $("#spinner").spinner(); | ||
|
|
||
| $("#disable").toggle(function() { | ||
| $("#spinner").spinner("disable"); | ||
| }, function() { | ||
| $("#spinner").spinner("enable"); | ||
| }); | ||
| $("#destroy").toggle(function() { | ||
| $("#spinner").spinner("destroy"); | ||
| }, function() { | ||
| $("#spinner").spinner(); | ||
| }); | ||
| $("#getvalue").click(function() { | ||
| alert($("#spinner").spinner("value")); | ||
| }); | ||
| $("#setvalue").click(function() { | ||
| $("#spinner").spinner("value", 5); | ||
| }); | ||
|
|
||
| $("button").button(); | ||
| }); | ||
| </script> | ||
| </head> | ||
| <body> | ||
|
|
||
| <div class="demo"> | ||
|
|
||
| <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><!-- End demo --> | ||
|
|
||
| <div class="demo-description"> | ||
| <p> | ||
| Default spinner. | ||
| </p> | ||
| </div><!-- End demo-description --> | ||
|
|
||
| </body> | ||
| </html> | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>jQuery UI Spinner - Default functionality</title> | ||
| <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" /> | ||
| <script type="text/javascript" src="../../jquery-1.6.2.js"></script> | ||
| <script type="text/javascript" src="../../external/jquery.mousewheel-3.0.4.js"></script> | ||
| <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script> | ||
| <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script> | ||
| <script type="text/javascript" src="../../ui/jquery.ui.button.js"></script> | ||
| <script type="text/javascript" src="../../ui/jquery.ui.spinner.js"></script> | ||
| <link type="text/css" href="../demos.css" rel="stylesheet" /> | ||
| <script type="text/javascript"> | ||
| $(function() { | ||
| $("#spinner").spinner(); | ||
|
|
||
| $("#disable").toggle(function() { | ||
| $("#spinner").spinner("disable"); | ||
| }, function() { | ||
| $("#spinner").spinner("enable"); | ||
| }); | ||
| $("#destroy").toggle(function() { | ||
| $("#spinner").spinner("destroy"); | ||
| }, function() { | ||
| $("#spinner").spinner(); | ||
| }); | ||
| $("#getvalue").click(function() { | ||
| alert($("#spinner").spinner("value")); | ||
| }); | ||
| $("#setvalue").click(function() { | ||
| $("#spinner").spinner("value", 5); | ||
| }); | ||
|
|
||
| $("button").button(); | ||
| }); | ||
| </script> | ||
| </head> | ||
| <body> | ||
|
|
||
| <div class="demo"> | ||
|
|
||
| <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><!-- End demo --> | ||
|
|
||
| <div class="demo-description"> | ||
| <p> | ||
| Default spinner. | ||
| </p> | ||
| </div><!-- End demo-description --> | ||
|
|
||
| </body> | ||
| </html> |
Oops, something went wrong.