Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
<style>
  
</style>
</head>
<body>
  <input id='days'/>
  
  <div id='slider'></div>
</body>
</html>
 
​
$(function() {
   var labelArr = new Array(0, 200, 400, 600);
   $( "#slider" ).slider({
      values: 0,
      min: 0,
      max: labelArr.length - 1,
      slide: function( event, ui ) {
    $( "#days" ).val( ui.value );
          mbdata=labelArr[ui.value]+$( "#slider_2" ).slider( "value" )+$( "#slider_3" ).slider( "value" )+$( "#slider_4" ).slider( "value" )+$( "#slider_5" ).slider( "value" )+$( "#slider_6" ).slider( "value" ); 
            g1.refresh(mbdata);     
      }  
  });
});
​
$(function() {
       var labelArr = new Array("None", "Now & Then", "Quite a Bit", "Lots");
   $( "#slider_2" ).slider({
      value:0,
      min: 0,
      max: 150,
      step: 50,
      slide: function( event, ui ) {
    $( "#days" ).val( labelArr[ui.value] );
          $("#label_2").html(labelArr[ui.value]);
          mbdata=labelArr[ui.value]+$( "#slider_3" ).slider( "value" )+$( "#slider" ).slider( "value" )+$( "#slider_4" ).slider( "value" )+$( "#slider_5" ).slider( "value" )+$( "#slider_6" ).slider( "value" );
g1.refresh(mbdata);    
       }      
      });
});
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers