jQuery UI Widgets › Forums › Editors › ScrollBar, Slider, BulletChart, RangeSelector › Value jqxrangeselector inside textbox

Tagged: , , , , , ,

This topic contains 2 replies, has 2 voices, and was last updated by  giansard 10 years, 3 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Value jqxrangeselector inside textbox Posts
  • August 20, 2014 at 7:07 am Value jqxrangeselector inside textbox #58536

    giansard
    Participant

    Ciao
    I’d like using this tutorial ( http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxrangeselector/index.htm#demos/jqxrangeselector/javascript-rangeselector-numeric-scale.htm ) put the value inside a textbox. How can I do?
    Thanks

    August 20, 2014 at 1:02 pm Value jqxrangeselector inside textbox #58562

    Dimitar
    Participant

    Hello giansard,

    Here is an example. We hope it is helpful to you:

    <!DOCTYPE html>
<html lang="en">
<head>
    <title id="Description">RangeSelector - Numeric Scale</title>
    <link type="text/css" rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" />
    <script type="text/javascript" src="../../scripts/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxdata.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxrangeselector.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="../../scripts/demos.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            // create jqxRangeSelector.
            $("#rangeSelector").jqxRangeSelector({
                width: 750,
                height: 100,
                min: 1000,
                max: 10000,
                minorTicksInterval: 100,
                majorTicksInterval: 1500,
                labelsFormat: "c0",
                markersFormat: "c0",
                range: { from: 3000, to: 5000 }
            });

            var range = $('#rangeSelector').jqxRangeSelector('getRange');
            $("#from").text(range.from);
            $("#to").text(range.to);

            $("#rangeSelector").on("change", function (event) {
                $("#from").text(event.args.from);
                $("#to").text(event.args.to);
            });
        });
    </script>
</head>
<body>
    <div id="rangeSelector">
    </div>
    From <span id="from"></span> to <span id="to"></span>
</body>
</html>

    Best Regards,
    Dimitar

    jQWidgets team
    http://www.jqwidgets.com/

    August 21, 2014 at 6:47 am Value jqxrangeselector inside textbox #58603

    giansard
    Participant

    Thanks Dimitir, you are always very helpful

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.