Ver Mensaje Individual
  #4 (permalink)  
Antiguo 20/01/2015, 06:44
diurno10
(Desactivado)
 
Fecha de Ingreso: abril-2013
Ubicación: rosario
Mensajes: 248
Antigüedad: 11 años, 7 meses
Puntos: 17
Respuesta: unir funciones jquery

OK, estuve viendo este sitio, y esta bueno lo que hace el flaco o la flaca, hace esto

Código Javascript:
Ver original
  1. /*----------------inicia funcion barra que filtra por dias-----------------------*/
  2. $(function() {
  3.  
  4.    function showProducts(minDuration, maxDuration) {
  5.     $("tbody tr").hide().filter(function() {
  6.         var duration = parseInt($(this).data("duration"), 10);
  7.         return duration >= minDuration && duration <= maxDuration;
  8.     }).show();
  9.    }
  10.    
  11.     var options = {
  12.         range: true,
  13.         min: 7,
  14.         max: 31,
  15.         values: [7, 31],
  16.         slide: function(event, ui) {
  17.             var min = ui.values[0],
  18.                 max = ui.values[1];
  19.  
  20.             $("#amount2").val(min + " días - " + max + " días");
  21.             showProducts(min, max);
  22.         }
  23.     }, min, max;
  24.  
  25.     $("#slider-range2").slider(options);
  26.  
  27.     min = $("#slider-range2").slider("values", 0);
  28.     max = $("#slider-range2").slider("values", 1);
  29.  
  30.     $("#amount2").val(min + " días - " + max + " días");
  31.  
  32.     showProducts(min, max);
  33. });
  34. /*----------------termina funcion barra que filtra por dias-----------------------*/

Es decir, con los slider, no filtra llamando a servidor sino del lado cliente, utilizando los data-type en los tr de la tabla general (<tr data-duration="25" data-price="2999") y la function showProducts lo que hace es ocultar todos los tr y luego mostrar los que esten dentro del rango especificado por el slider