| Commentaire |
: |
Il suffit d'utiliser des champs hidden pour ça, dans un formulaire en GET (method="get") qui cible la page courante (action="").
De cette manière, dès qu'on va submit le formulaire, la page courante va être rappelée avec les champs hidden en paramètre (minprix et maxprix).
Voici un exemple :
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/themes/smoothness/jquery-ui.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($){
$('#slider_prix').slider({
range: true,
min: 0,
max: 1000,
values: [0, 600],
slide: function(event, ui){
$('#prix_min').val(ui.values[0]);
$('#prix_max').val(ui.values[1]);
}
});
});
</script>
</head>
<body>
<form method="get" action="">
<div id="slider_prix"></div>
<input type="hidden" name="minprix" id="prix_min" value="" />
<input type="hidden" name="maxprix" id="prix_max" value="" />
<input type="submit" value="Rechercher" />
</form>
</body>
</html>
|
