summaryrefslogtreecommitdiffstats
path: root/apps/it/static/js/ui/demos/spinner/decimal.html
diff options
context:
space:
mode:
authorFilipp Lepalaan <f@230.to>2014-02-19 18:02:09 +0200
committerFilipp Lepalaan <f@230.to>2014-02-19 18:02:09 +0200
commit75ad7e4bd7d69243e7e5281c2642f00478fb072d (patch)
treeeaaaf360902d369f42d94778aac8803db7973ce0 /apps/it/static/js/ui/demos/spinner/decimal.html
parentcfc7c3f52544af8a71d3fa3988a06fee200d2c24 (diff)
downloadpudding-75ad7e4bd7d69243e7e5281c2642f00478fb072d.tar.gz
pudding-75ad7e4bd7d69243e7e5281c2642f00478fb072d.tar.bz2
pudding-75ad7e4bd7d69243e7e5281c2642f00478fb072d.zip
Added tags, jquery UI
Diffstat (limited to 'apps/it/static/js/ui/demos/spinner/decimal.html')
-rw-r--r--apps/it/static/js/ui/demos/spinner/decimal.html56
1 files changed, 56 insertions, 0 deletions
diff --git a/apps/it/static/js/ui/demos/spinner/decimal.html b/apps/it/static/js/ui/demos/spinner/decimal.html
new file mode 100644
index 0000000..06ef567
--- /dev/null
+++ b/apps/it/static/js/ui/demos/spinner/decimal.html
@@ -0,0 +1,56 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <meta charset="utf-8">
+ <title>jQuery UI Spinner - Decimal</title>
+ <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
+ <script src="../../jquery-1.10.2.js"></script>
+ <script src="../../external/jquery.mousewheel.js"></script>
+ <script src="../../external/globalize.js"></script>
+ <script src="../../external/globalize.culture.de-DE.js"></script>
+ <script src="../../external/globalize.culture.ja-JP.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() {
+ $( "#spinner" ).spinner({
+ step: 0.01,
+ numberFormat: "n"
+ });
+
+ $( "#culture" ).change(function() {
+ var current = $( "#spinner" ).spinner( "value" );
+ Globalize.culture( $(this).val() );
+ $( "#spinner" ).spinner( "value", current );
+ });
+ });
+ </script>
+</head>
+<body>
+
+<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 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>