Widget:CJP4: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 16: | Line 16: | ||
step: 1, | step: 1, | ||
values: [5,20], | values: [5,20], | ||
change: function(event, ui) { | |||
if (ui.values[0] < ui.values[1]) | if (ui.values[0] < ui.values[1]) | ||
{ | { | ||
| Line 34: | Line 34: | ||
} | } | ||
}); | }); | ||
$('input.pillSizeSlider[data-index=0]) | |||
$("input.pillSizeSlider").change(function() { | $("input.pillSizeSlider").change(function() { | ||
var $this = $(this); | var $this = $(this); | ||
$("#slider").slider("values", $this.data("index"), $this.val()); | $("#slider").slider("values", $this.data("index"), $this.val()); | ||
}); | }); | ||
}; | }; | ||
| Line 486: | Line 489: | ||
</div> | </div> | ||
<div id="propertySize-container"> | <div id="propertySize-container"> | ||
Show Pills between:<input type="text" class="pillSizeSlider" data-index="0" name="selectedMinSize" id="selectedMinSize" size | Show Pills between:<input type="text" class="pillSizeSlider" data-index="0" name="selectedMinSize" id="selectedMinSize" size="5"/> mm and <input type="text" class="pillSizeSlider" data-index="1" name="selectedMaxSize" id="selectedMaxSize" size="5" /> mm | ||
<br/> | <br/> | ||
<div id="slider"></div> | <div id="slider"></div> | ||