[SOLUCIONADO] unir funciones jquery

[LoUiMaNiAkO]

Hola.
podrian ayudarme a unir estas clases, estoy intentando hacer un filtro con un input y algunos (2o3) inputs de rango,

el rango es de precios:

Código HTML:

<script type="text/javascript">$(document).ready(function(){
                                
        var consulta;
                                                                          
         //hacemos focus al campo de búsqueda
		 $(document).ready(function()
		{
		$('#nombre').change(function() {
		$('#valoredad').val($(this).val());
		});
	});
	
        $("#busqueda").focus();
                                                                                                    
        //comprobamos si se pulsa una tecla
        $("#busqueda").keyup(function(e){
                                     
              //obtenemos el texto introducido en el campo de búsqueda
              consulta = $("#busqueda").val();
                                                                           
              //hace la búsqueda
                                                                                  
              $.ajax({
                    type: "POST",
                    url: "new_buscar.php",
                    data: "b="+,
                    dataType: "html",
                    beforeSend: function(){
                          //imagen de carga
                          $("#resultado").html("<p align='center'><img src='images/ajax-loader.gif' /></p>");
                    },
                    error: function(){
                          alert("error petición ajax");
                    },
                    success: function(data){                                                    
                          $("#resultado").empty();
                          $("#resultado").append(data);
                                                             
                    }
              });
                                                                                  
                                                                           
        });
                                                                   
});</script> 

[diurno10]

podes explayarte un poco mas? nose entiende mucho.

[LoUiMaNiAkO]

si mira lo que quiero hacer es un buscador con filtro como el que se muestra a la derecha de esta web http://www.megatravel.com.mx/viajes-europa/

ya tengoe l codigo para que me actualice la consulta cuando escribo en el text, pero me falta poder hacer que actualice con 2 inputs range :
este codigo me actualiza con el intput text:

Código PHP:

  <script src="js/jquery-2.1.1.min.js"></script>
  <script src="js/jquery-ui-1.10.2.custom.min.js"></script>
<input type="text" id="busqueda" />
 
             
<div id="resultado"></div>
<script type="text/javascript">$(document).ready(function(){
                                
        var consulta;
                                                                          
         //hacemos focus al campo de búsqueda
        $("#busqueda").focus();
                                                                                                    
        //comprobamos si se pulsa una tecla
        $("#busqueda").keyup(function(e){
                                     
              //obtenemos el texto introducido en el campo de búsqueda
              consulta = $("#busqueda").val();
                                                                           
              //hace la búsqueda
                                                                                  
              $.ajax({
                    type: "POST",
                    url: "new_buscar.php",
                    data: "b="+consulta,
                    dataType: "html",
                    beforeSend: function(){
                          //imagen de carga
                          $("#resultado").html("<p align='center'><img src='images/ajax-loader.gif' /></p>");
                    },
                    error: function(){
                          alert("error petición ajax");
                    },
                    success: function(data){                                                    
                          $("#resultado").empty();
                          $("#resultado").append(data);
                                                             
                    }
              });
                                                                                  
                                                                           
        });
                                                                   
});</script> 
  

pero quiero agregarle dos campos range, para que tambien me busque por precios. (pero quiero que actualice la consulta al desplazar los rangos.

[diurno10]

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

Código Javascript:

/*----------------inicia funcion barra que filtra por dias-----------------------*/
$(function() {
  
   function showProducts(minDuration, maxDuration) {
    $("tbody tr").hide().filter(function() {
        var duration = parseInt($(this).data("duration"), 10);
        return duration >= minDuration && duration <= maxDuration; 
    }).show();
   }
   
    var options = {
        range: true,
        min: 7,
        max: 31,
        values: [7, 31],
        slide: function(event, ui) {
            var min = ui.values[0],
                max = ui.values[1];
 
            $("#amount2").val(min + " días - " + max + " días");
            showProducts(min, max);
        }
    }, min, max;
 
    $("#slider-range2").slider(options);
 
    min = $("#slider-range2").slider("values", 0);
    max = $("#slider-range2").slider("values", 1);
 
    $("#amount2").val(min + " días - " + max + " días");
 
    showProducts(min, max);
});
/*----------------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

[LoUiMaNiAkO]

si, ya lo he podido implementar, pero ahora el problema es que cuando lo quiero acoplar a mi crm me truena los query, he tratado de usar el noconfliq pero al hacer eso se queda en blanco.

[LoUiMaNiAkO]

Iniciado por LoUiMaNiAkO

si, ya lo he podido implementar, pero ahora el problema es que cuando lo quiero acoplar a mi crm me truena los query, he tratado de usar el noconfliq pero al hacer eso se queda en blanco.

MIra medio fuina pero asi:

Código PHP:

  <script>
 
j(function() {
  var r = jQuery.noConflict();
   function showProducts(minDuration, maxDuration) {
   $("tbody tr").hide().filter(function() {
        var duration = parseInt($(this).data("duration"), 10);
        return duration >= minDuration && duration <= maxDuration; 
    }).show();
   }
   
   
    var options = {
        range: true,
        min: 7,
        max: 31,
        values: [7, 31],
        slide: function(event, ui) {
            var min = ui.values[0],
                max = ui.values[1];
 
            j("#amount2").val(min + " días - " + max + " días");
            showProducts(min, max);
        }
    }, min, max;
 
   j("#slider-range2").slider(options);
 
    min = j("#slider-range2").slider("values", 0);
    max = j("#slider-range2").slider("values", 1);
 
    j("#amount2").val(min + " días - " + max + " días");
 
    showProducts(min, max);
});
/*----------------termina funcion barra que filtra por dias-----------------------*/ 
   

pero no jala el slide por me marca error en $("tbody tr").hide().filter(function() { pero si le cambio el $ por j se carga la pagina pero no muestra nada


alguna sugerencia?

[LoUiMaNiAkO]

Sugerencias?????

[diurno10]

veo q lo copiaste tal cual te lo pase, los selectores estan bien? j("#slider-range2") j("#amount2") y demas

[LoUiMaNiAkO]

Sugerencias?????

Solucionado, todo era cuestion de usa el ID de tbody
<table width="950" border="1" id="filtro_ajax">
<tbody id="search_list">

j(function() {
function showProducts(minPrice, maxPrice) {
j("#search_list tr").hide().filter(function() {
var price = parseInt(j(this).data("price"), 10);
return price >= minPrice && price <= maxPrice;
}).show();
}

[GeekGirl]

Acordate de marcar el tema como solucionado así no perdemos tiempo entrando a ver cómo ayudarte :)