Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on May 7th, 2012  |  syntax: None  |  size: 0.78 KB  |  hits: 11  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. jQuery UI Sliders - Adding values together from different sliders into one value
  2. <script>
  3. $(function() {      
  4.  
  5.  $("#slider1").slider({
  6. min: 0,
  7. max: 100,
  8. slide: function(event, ui) {
  9.     $('#slider1').slider("option", "value", ui.value);
  10.     var amountOne = $('#amount').val(ui.value);
  11.   }
  12.      });
  13.  
  14.  $("#slider2").slider({
  15. min: 0,
  16. max: 100,
  17. slide: function(event, ui) {
  18.     $('#slider2').slider("option", "value", ui.value);
  19.     var amountTwo = $('#amount2').val(ui.value);
  20.  
  21.  }
  22.   });
  23.  
  24.  
  25.     });
  26.  
  27.  
  28. </script>
  29.        
  30. <div id="slider1" style="width:100px"></div>
  31.  <div id="slider2" style="width:100px"></div>
  32.  
  33.  <input id="amount" />
  34.  <input id="amount2" />
  35.  <input id="amount3" />
  36.        
  37. var amountOne = $('#slider1').slider("option", "value");
  38. var amountTwo = $('#slider1').slider("option", "value");