jQuery(document).ready(function($){ /* Début slider */ // Création d'un slider dans l'élément id slider_prix jQuery("#slider_prix").slider({ range: true, min: 0, // valeur min max: 2000, // valeur max step: 10, // le pas values: [0, 2000 ], // position des 2 curseurs à l'initialisation // Action à effectuer lorsqu'on déplace l'un des curseur slide: function(event, ui){ jQuery('#prix_min').html(ui.values[0]); jQuery('#prix_max').html(ui.values[1]); jQuery('#input_prix_min').attr('value',ui.values[0]); jQuery('#input_prix_max').attr('value',ui.values[1]); } }); // Initialisation des valeurs numériques au chargement de la page jQuery('#prix_min').html(jQuery("#slider_prix").slider("values", 0)); jQuery('#prix_max').html(jQuery("#slider_prix").slider("values", 1)); jQuery('#input_prix_min').attr('value',jQuery("#slider_prix").slider("values", 0)); jQuery('#input_prix_max').attr('value',jQuery("#slider_prix").slider("values", 1)); /* Fin slider */ });