Здравейте отново!
Използвам jQuery UI за price range slider за филтриране на продукти спрямо ценови range и съответно при избор на минимална/максимална граница submit-ва http://saita.com/products.php?cat_id=1&type=1&min=1&max=13 и всичко работи, но докато сме на min=1 и max=13 в линка, трябва и самия слайдър да показва това, а той при всеки refresh на страницата се реска на 1-200
[js]<script type="text/javascript">
$(function() {
$("#slider-range").slider({
range: true,
min: 1,
max: 200,
values: [1, 200],
change: function (event, ui) {
$('#priceRangeForm').submit();
},
slide: function(event, ui) {
$("#amount").val(ui.values[0]+" - " +ui.values[1]);
$("#min").val(ui.values[0]);
$("#max").val(ui.values[1]);
}
});
$("#amount").val($("#slider-range").slider("values", 0)+" - "+$("#slider-range").slider("values", 1));
});
</script>[/js]
Благодаря предварително!
Използвам jQuery UI за price range slider за филтриране на продукти спрямо ценови range и съответно при избор на минимална/максимална граница submit-ва http://saita.com/products.php?cat_id=1&type=1&min=1&max=13 и всичко работи, но докато сме на min=1 и max=13 в линка, трябва и самия слайдър да показва това, а той при всеки refresh на страницата се реска на 1-200
PHP:
<?php
if(isset($_GET['min']) && isset($_GET['max'])) {
$min = (int)$_GET['min'];
$max = (int)$_GET['max'];
} else {
$min = 1;
$max = 200;
}
?>
PHP:
<div class="container" style="padding-top: 5%; padding-bottom: 5%;">
<p style="text-align: center;">
<input type="text" id="amount" readonly style="border: 0; font-weight: bold;" />
</p>
<div id="slider-range"></div>
<form id="priceRangeForm" method="get">
<input type="hidden" name="cat_id" value="<?php echo $_GET['cat_id']; ?>" />
<input type="hidden" name="type" value="<?php echo $_GET['type']; ?>" />
<input type="hidden" name="min" id="min" value="<?php echo (isset($_POST['min'])) ? $_POST['min'] : '1'; ?>" />
<input type="hidden" name="max" id="max" value="<?php echo (isset($_POST['max'])) ? $_POST['max'] : '200'; ?>" />
</form>
</div>
[js]<script type="text/javascript">
$(function() {
$("#slider-range").slider({
range: true,
min: 1,
max: 200,
values: [1, 200],
change: function (event, ui) {
$('#priceRangeForm').submit();
},
slide: function(event, ui) {
$("#amount").val(ui.values[0]+" - " +ui.values[1]);
$("#min").val(ui.values[0]);
$("#max").val(ui.values[1]);
}
});
$("#amount").val($("#slider-range").slider("values", 0)+" - "+$("#slider-range").slider("values", 1));
});
</script>[/js]
Благодаря предварително!