/****************** 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 + "."); }); });