80 lines
1.7 KiB
JavaScript
80 lines
1.7 KiB
JavaScript
$(document).ready(function () {
|
|
'use strict';
|
|
|
|
$('#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").on('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 + ".");
|
|
});
|
|
|
|
}); |