Salut à tous,

J'ai un formulaire pour rechercher mes produits qui est composé de plusieurs input checkbox et d'un slider range, tout ça est réalisé grâce jquery ui.

Mon slider permet de filtrer les résultat par rapport aux prix des produits.

Voici le code de mon slider :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
 
$(function() {
$( "#slider-prix" ).slider({
      range: true,
      min: 1,
      max: 40000,
      step: 500,
      values: [ <?php echo $check_prix_exp[1];?>, <?php echo $check_prix_exp[2];?> ],
      slide: function( event, ui ) {
             $( "#prix_exp" ).val( ui.values[ 0 ] + " &agrave; " + ui.values[ 1 ] + " &euro;" );
      },
      change: function( event, ui ) {
      var loader = "../images/ajax-loader.gif";
      $('#frame_prix').html('').html('<img src="' + loader + '" alt="#">');
      },
      stop: function( event, ui ) {
      var value1 = ui.values[ 0 ];
      var value2 = ui.values[ 1 ];
      $.ajax({
         url: "../scripts/ajax/ajaxPrixExpert.php",
         data: "num="+$("#num").val()+"&couleur="+$("#couleur").val()+"&prix1="+value1+"&prix2="+value2+",
         error: function(jqXHR, textStatus, errorThrown) {
         $('#frame_prix').html('').html('<div class="error">Erreur !</div>');
         },
         success: function( data ) {
         $( "#frame_prix" ).html( data );
         }
      });
     }
});
$( "#prix_exp" ).val( $( "#slider-prix" ).slider( "values", 0 ) + " &agrave; " + $( "#slider-prix" ).slider( "values", 1 ) + " &euro;" );
});
Lorsque je clique sur une de mes checkbox ça lance une fonction javascript que voici :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
function getAjaxPrixExpert(){
   $.ajax({
    url: "../scripts/ajax/ajaxPrixExpert.php",
    data: "num="+num+"&couleur="+couleur+"&prix1="+prix1+"&prix2="+prix2+",
    error: function(jqXHR, textStatus, errorThrown) {
    $('#frame_prix').html('').html('<div class="error">Erreur !</div>');
    },
    success: function( data ) {
    $( "#frame_prix" ).html( data );
    }
  });
  return false;
}
Comment récupérer les 2 valeurs courantes de mon slider et les mettre dans le data (prix1 et prix2) de ma fonction getAjaxPrixExpert() ?

Merci pour vos réponses.

Bruno