5 Replies Latest reply: Jul 10, 2013 10:41 AM by Ramesh P, Oracle APEX Developer RSS

    Freeze handles for the slider

    Ramesh P, Oracle APEX Developer

      Hi,

      Here is my question for which I am struggling over.

       

      I need to display a slider with a handler where the users can slide the handle to have values changed. I good on that part.

      But I have specific requirement, that I need to show two more handles on the same slider at different points showing threshold and benchmarks and those two slider handles cannot be moved.

       

      I am even successful in displaying three handles on same slider, but the newly added sliders were also sliding, but I need the newly added slider handles not slide even if user is sliding them.

       

      Here is my code

       

      <div id="temp1" style="width: 500px;"></div>

      <script type="text/javascript">

      $( "#temp1").slider({

                      values: [ 10, 25, 80 ],

                      min: 0,

                      max: 100,

                      step: 1,   

                      slide: function( event, ui ) {

                          return true;

                      },   

                      change: function( event, ui ) {

                          return true;

                      }

                  });   

      </script>