83 lines
1.8 KiB
JavaScript
83 lines
1.8 KiB
JavaScript
|
/******************
|
||
|
|
Price Range Slider
|
||
|
|
*******************/
|
||
|
|
|
||
|
|
$(document).ready(function(){
|
||
|
|
|
||
|
|
$('#price-range-submit').hide();
|
||
|
|
|
||
|
|
$("#min_price,#max_price").on('change', function () {
|
||
|
|
|
||
|
|
$('#price-range-submit').show();
|
||
|
|
|
||
|
|
var min_price_range = parseInt($("#min_price").val());
|
||
|
|
|
||
|
|
var max_price_range = parseInt($("#max_price").val());
|
||
|
|
|
||
|
|
if (min_price_range > max_price_range) {
|
||
|
|
$('#max_price').val(min_price_range);
|
||
|
|
}
|
||
|
|
|
||
|
|
$("#slider-range").slider({
|
||
|
|
values: [min_price_range, max_price_range]
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
$("#min_price,#max_price").on("paste keyup", function () {
|
||
|
|
|
||
|
|
$('#price-range-submit').show();
|
||
|
|
|
||
|
|
var min_price_range = parseInt($("#min_price").val());
|
||
|
|
|
||
|
|
var max_price_range = parseInt($("#max_price").val());
|
||
|
|
|
||
|
|
if(min_price_range == max_price_range){
|
||
|
|
|
||
|
|
max_price_range = min_price_range + 100;
|
||
|
|
|
||
|
|
$("#min_price").val(min_price_range);
|
||
|
|
$("#max_price").val(max_price_range);
|
||
|
|
}
|
||
|
|
|
||
|
|
$("#slider-range").slider({
|
||
|
|
values: [min_price_range, max_price_range]
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
$(function () {
|
||
|
|
$("#slider-range").slider({
|
||
|
|
range: true,
|
||
|
|
orientation: "horizontal",
|
||
|
|
min: 0,
|
||
|
|
max: 10000,
|
||
|
|
values: [0, 10000],
|
||
|
|
step: 100,
|
||
|
|
|
||
|
|
slide: function (event, ui) {
|
||
|
|
if (ui.values[0] == ui.values[1]) {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
|
||
|
|
$("#min_price").val(ui.values[0]);
|
||
|
|
$("#max_price").val(ui.values[1]);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
$("#min_price").val($("#slider-range").slider("values", 0));
|
||
|
|
$("#max_price").val($("#slider-range").slider("values", 1));
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
$("#slider-range,#price-range-submit").click(function () {
|
||
|
|
|
||
|
|
var min_price = $('#min_price').val();
|
||
|
|
var max_price = $('#max_price').val();
|
||
|
|
|
||
|
|
$("#searchResults").text("Here List of products will be shown which are cost between " + min_price +" "+ "and" + " "+ max_price + ".");
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|