Comunidad de diseño web y desarrollo en internet online

Buscar mientras se escribe

Citar            
MensajeEscrito el 16 Abr 2013 01:46 pm
Hola buenos dias, me encuentro elaborando una pagina pero me surge la necesidad de hacer una búsqueda en tiempo real, ya que los resultados que quiero checkear son N resultados obviamente eso lo recupero de BD, he buscado ejemplos con jquery estatidos pero aun no obtengo exito alguien me podria ayudarme con algunos POST.

Agradeceria.
De ante mano muchas gracias!

PD. AQUI DEJO LA FOTO ME ACABO DE DAR DE ALTA EN LA PAGINA QUE SUGIEREN L4C.me

Por virus25

9 de clabLevel



Genero:Masculino  

Desarrollador Paginas Web

chrome
Citar            
MensajeEscrito el 16 Abr 2013 03:11 pm
Supongo que con las siguientes funciones podrias lograr lo que necesitas.

Código Javascript :

$.get() ó $.post() 


Para el paso de parametros en la busqueda y el archivo con el algoritmo que haga la busqueda.

Con la funcion

Código Javascript :

.keyup()
para que cada vez que termines de presionar la tecla ejecute alguna funcion con get o post y le pase lo que escribas en un input, el resultado lo recuperas con un json o directamente y ya tu sabes como mostrarlo, algo asi:

Código Javascript :

    $("body").on("keyup", ".producto_url", function(event){
        $.get("algo.php", {
            parametro: $(this).val()
        }, function(x){                    
            $('#resultados').html(x);
        });
    });

Por logoys

Claber

104 de clabLevel



 

firefox
Citar            
MensajeEscrito el 16 Abr 2013 05:26 pm
Ok muchas gracias logoys, ahora ya lo tengo funcionando me faltarian algunas validaciones para la formas de checkear a ver que tal me va....

Este es el codigo de el campo que hace el filtrado:
<input name="xFiltro" type="text" id="xFiltro" value="" size="20" onKeyPress="BusquedaEstudios(this.value);">

Como pueden ver se va a la funcion BusquedaEstudios(); que es el siguiente:
function BusquedaEstudios(valor)
{
$("#div_estudios").load('busqueda_estudio.jsp',{palabra:valor});
}

Ahora bien por parametro recibo en el jsp el valor con la palabra : "palabra" xD! y ejecuto la consulta y pinto de nuevo los checks!

Ojala se pueda mejorar.... espero aportaciones para poder publicar el codigo completo y nos sirva a todos jaja

Por virus25

9 de clabLevel



Genero:Masculino  

Desarrollador Paginas Web

chrome
Citar            
MensajeEscrito el 16 Abr 2013 08:24 pm
Yo lo haria asi:

Código HTML :

<form>
<input type="text" name="xFiltro" id="xFiltro"/>
</form>



Código Javascript :

$(document).ready(function(){
    $("#xFiltro").keyup(function(){
        $.get("buscador.php", {
            parametro: $(this).val()
        }, function(resultado){
            $("#div_estudios").html(resultado); 
        });
    });
});


Cuando uses campos generados de forma dinamica debes usar .on()

Por logoys

Claber

104 de clabLevel



 

firefox
Citar            
MensajeEscrito el 16 Abr 2013 08:26 pm
ok excelente ya lo coloque a como me indicas es mas entendible y menos lineas

Por virus25

9 de clabLevel



Genero:Masculino  

Desarrollador Paginas Web

chrome
Citar            
MensajeEscrito el 16 Abr 2013 08:28 pm
Por cierto, si "te funciona" no quiere decir que sea la mejor forma, siempre busca mejorar tu código, el que tienes (no lo probé) a mi ver no explota realmente jQuery, redacta correctamente y tomate tu tiempo para hacerlo, por favor tampoco uses mayúsculas, recuerda que es como si gritaras y nadie ayuda si lo pides a gritos.

Saludos

Por logoys

Claber

104 de clabLevel



 

firefox
Citar            
MensajeEscrito el 17 Abr 2013 01:14 pm
Ok ok... es que nunca habia entrado a estos digamosle blogs, y lo puse en mayusculas por que para mi indica importancia, pero gracias por el consejo y asi es mejore algo mas el codigo!
Gracias y aqui estaremos!
Suerte y exito

Por virus25

9 de clabLevel



Genero:Masculino  

Desarrollador Paginas Web

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.