Reversing dojo slider to make it slide from right to left rather left to right as given

Ads
 

Reversing dojo slider to make it slide from right to left rather left to right as given

I am using Dojo slider in my project But i want to reverse the slider chosen value so that it slides from right to left ie the blueish part on slider must start from right side of the slider so that slider slides from right to left(not from left to right as in given example) how can i reverse this. My code a s shown

    <head>
        <style type="text/css">
            body, html { font-family:helvetica,arial,sans-serif; font-size:90%; }
        </style>
        <script src="../cmic/dojo/dojo/dojo.js"
        djConfig="parseOnLoad: true">
        </script>
        <script type="text/javascript">
            dojo.require("dijit.form.Slider");
            dojo.require("dijit.form.TextBox"); // this we only include to make the textinput look prettier
            dojo.addOnLoad(function() {

                var slider = new dijit.form.HorizontalSlider({
                    name: "slider",
                    value: 0,
                    minimum: 10,
                    maximum: 0,
                    intermediateChanges: true,
                    style: "width:700px;",
                    onChange: function(value) {
                     dojo.byId("sliderValue").value = value;
                    }
                },
                "slider");
            });
        </script>
        <link rel="stylesheet" type="text/css" href="../cmic/dojo/dijit/themes/claro/claro.css"
        />
    </head>

    <body class=" claro ">

        <div id="slider"  intermediateChanges="true" showButtons="false" style="width:400px;color:#606060;">
        <ol dojoType="dijit.form.HorizontalRuleLabels" container="topDecoration"
            style="height:1.5em;color:#585858;font-size:75%;color:gray;">
        <li>10
                </li>
             <li>
                    8
                </li>
                <li>
                    6
                </li>
                <li>
                    4
                </li>
             <li>
                    2
                </li>
                <li>0
                </li>
            </ol>



        <ol dojoType="dijit.form.HorizontalRuleLabels" container="topDecoration"
            style="height:1.5em;font-size:90%;color:#606060;margin:-1em 0px 0px 7.00em;">

               <li>
                    Outstanding
                </li>
                <li>
                    Highly effective
                </li>
                <li>
                    &nbsp&nbspEffective
                </li>
                <li>
                       &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbspNeeds Improvement
                </li>
                <li>
                      &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbspNot Acceptable
                </li>
               <li>

                </li></ol>


    </div>
        <p>
            <input type="text" id="sliderValue" dojoType="dijit.form.TextBox" />
        </p>
        <script type="text/javascript">
            dojo.addOnLoad(function() {
                if (document.pub) {
                    document.pub();
                }
            });
        </script>
    </body>

</html>
View Answers

May 4, 2011 at 3:07 PM

Please visit the following link:

Dojo Slider


May 5, 2011 at 2:28 PM

sorry but read my question aain ,that link not provides the answer

Ads









Related Tutorials/Questions & Answers:
Reversing dojo slider to make it slide from right to left rather left to right as given
Reversing dojo slider to make it slide from right to left rather left to right... the slider chosen value so that it slides from right to left ie the blueish part... right to left(not from left to right as in given example) how can i reverse
how to print from right to left in java????
how to print from right to left in java????   can anyone pls tell how to print from right to left in java
Advertisements
right and left shift operators
right and left shift operators   hi i am jane pls explain the differentiate between right shift and left shift operators  ...;>"operator shifts the left operand to the right side with sign extension
how to make a button left justification which is at right end
how to make a button left justification which is at right end  how to make a button left justification which is at right end thanks in advance
ModuleNotFoundError: No module named 'django-right-to-left'
ModuleNotFoundError: No module named 'django-right-to-left'  Hi...: No module named 'django-right-to-left' How to remove the ModuleNotFoundError: No module named 'django-right-to-left' error? Thanks   Hi
Orientating Components Right to Left,java newsletter,java,tutorial
Arranging Components We often arrange the components either from left to write or right to left. For the components orientation we uses Layout Manager..., right, left and center. The BoxLayout arranges the components either in single
SQL LEFT JOIN
; The LEFT JOIN keyword retrieve all rows from the left table (table_name1... with Example The Tutorial illustrate an example from SQL LEFT JOIN... the left table (table_name1), even if there are no matches in the right table
SQL Right JOIN
; The RIGHT JOIN keyword returns you  all rows from the right table (table_name1), incase if there are no matches in the left table... The SQL RIGHT JOIN Syntax display you all the records from the right table
how to make a field left justification
how to make a field left justification  how to make a field left justification.need code.thanks in advance
how to make a label left alignment?
how to make a label left alignment?  how to make a label left alignment
PHP SQL Left Join
PHP SQL Left Join  This Example illustrates how to use left join clause in the sql query. The left join return all rows from the left table, even if there are no matches in the right table. In this example left join is used
PHP SQL Right Join
PHP SQL Right Join  This Example illustrates how to use right join clause in the sql query. The right join return all rows from the right table, even if there are no matches in the left table. In this example right join is used
PHP SQL Left Join
query.  JOIN is used to query data from two or more tables. The left join is used in case of need to return all rows from the left table, even if the right table doesn't have any match. In this example left join is used to join
Mysql Left Join
; Mysql Left Join return you the set of records of right table matches with the left table. The unmatchable records from right table with the left table... illustrate an example from Mysql Left Join. To understand this example, we create
PHP SQL Right Join
query.  JOIN is used to query data from two or more tables. The right join is used in case of need to return all rows from the right table, even if the left table doesn't have any match. In this example right join is used to join
check box left justification
check box left justification  how to make a check box left justification which is at right end? thanks in advance
Mysql Left
; Mysql Left is used to return the Left String character from a String. Understand with Example The Tutorial illustrate an example from 'Mysql Left... to return the left string character from string. In this example the query
Dojo Slider
with handle a dragged values up/down or left/right. Calling the dojo slider by using... the left side button (-) then decrease the value of slider and click the right...Dojo Slider         
left shift and rigth shift operators
left shift and rigth shift operators   hi some programs for left shift and right shift operators
SQL LEFT JOIN
; The LEFT JOIN keyword retrieve all rows from the left table (table_name1... with Example The Tutorial illustrate an example from SQL LEFT JOIN... Syntax The INNER JOIN  keyword is used to returns all rows from the left
Mysql Left
; Mysql Left is used to return the left string from the character... illustrate an example from 'Mysql Left'.To understand the example we create... employee1 using Left: The Query return the left string from the character
SQL Right JOIN
; The RIGHT JOIN keyword returns you  all rows from the right table (table_name1), incase if there are no matches in the left table... The SQL RIGHT JOIN Syntax display you all the records from the right table
bootstrap 4 pull-right
: Here are all the support classes; .float-left .float-right .float-none .float-sm-left .float-sm-right .float-sm-none .float-md-left .float-md-right .float-md-none .float-lg-left .float-lg-right .float-lg-none .float-xl-left .float-xl
bootstrap 4 pull-right
: Here are all the support classes; .float-left .float-right .float-none .float-sm-left .float-sm-right .float-sm-none .float-md-left .float-md-right .float-md-none .float-lg-left .float-lg-right .float-lg-none .float-xl-left .float-xl
Bootstrap 4 button align right
and learning it from basics. There is requirement to align the text on left and align button on the right side in a div. What is the code for bootstrap 4 to create a button for align right? I want bootstrap 4 button align right code which
Bootstrap 4 button align right
and learning it from basics. There is requirement to align the text on left and align button on the right side in a div. What is the code for bootstrap 4 to create a button for align right? I want bootstrap 4 button align right code which
Mysql Left Function
to learn an example from 'Mysql Left Function'.To understand  this example,we... Mysql Left Function       Mysql Left Function is used to return the leftmost string
Mysql Left Function
Mysql Left Function       Mysql Left Function is used to return the leftmost string character from... from 'Mysql Left Function'. To understand  this example, we simply create
div align left css
div align left css  Hi, How to align the div to left using the css in HTML page. Thanks
MySQL LEFT OUTER JOIN
. SELECT tt.transtypename, IFNULL(SUM(t.transamt),0) FROM transtype tt LEFT...MySQL LEFT OUTER JOIN  Hi There, I need to perform LEFT OUTER JOIN... BY tt.transtypename My Requirement I need all the transtypename from Transtype
How to add tabs in right side of a window from top to bottom in swing s
How to add tabs in right side of a window from top to bottom in swing s  How to add tabs in right side of a window from top to bottom in swings

Ads