corrade-http-templates – Rev 62

Subversion Repositories:
Rev:
<!doctype html>
<html lang="en">
<head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>jQuery UI Spinner - Decimal</title>
        <link rel="stylesheet" href="../../themes/base/all.css">
        <link rel="stylesheet" href="../demos.css">
        <script src="../../external/requirejs/require.js"></script>
        <script src="../bootstrap.js" data-modules="external/globalize/globalize external/globalize/globalize.culture.de-DE external/globalize/globalize.culture.ja-JP external/jquery-mousewheel/jquery.mousewheel">
                $( "#spinner" ).spinner({
                        step: 0.01,
                        numberFormat: "n"
                });

                $( "#culture" ).on( "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>