gurpreet singh
Reversing dojo slider to make it slide from right to left rather left to right as given
2 Answer(s)      3 years and 11 months ago
Posted in : JSP-Servlet

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>
Advertisement
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










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
align a table to the right (or left).
align a table to the right (or left).  How do I align a table to the right (or left
align a table to the right (or left).
align a table to the right (or left).  How do I align a table to the right (or left
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
Left and Right panel in JSP - Java Beginners
Left and Right panel in JSP  Hello Friends, Please help me to showing right and left frame on my JSP page. I want to showing fix left frame which... on frame2 means in frame right. Give suggest me solution which support my
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
how to set the tables one is left and another one is right - JSP-Servlet
how to set the tables one is left and another one is right  Here two tables are combined.i need to set the one table is left another one is right and ineed to gap between the two tables Document document=new Document
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
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
how to make a label left alignment?
how to make a label left alignment?  how to make a label left alignment
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
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 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
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
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         
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
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
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
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
Joining two table using Natural Left join
the values from the left table and matched values from the right table (NULL in case...; table exists, NULL will appear in columns from Right Table for those records that have no match in Left Table. Query for Left Join SELECT *FROM employee
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 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
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 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
div style float right
div style float right  How to align div to right? Share me the code for div style float right. Thanks   Hi, You can use following code: <div style="float: right; widht:300px; height:600px;"> <p>Content<