Ver Mensaje Individual
  #2 (permalink)  
Antiguo 07/07/2015, 03:32
horusorion
 
Fecha de Ingreso: febrero-2013
Mensajes: 115
Antigüedad: 11 años, 2 meses
Puntos: 5
Respuesta: Oscurecer ventana y mostrar un loading mientras hace la búsqueda

Hola buenos dias, te dare un ejemplo del codigo JQUERY:

Código Javascript:
Ver original
  1. $(document).ready(function(){
  2.  
  3.     //digamos que el id del formulario de busqueda se llama buscar entonces:
  4.     $("#buscar").submit(function(e){
  5.         //evitamos que se envie el formulario
  6.         e.preventDefault();
  7.  
  8.         //mostramos el loader
  9.         $("#loader").html("<img src='loader.gif'/>");
  10.  
  11.         //usamos el metodo $.ajax, $.get, $.post dependiendo el que te guste, yo lo hare con post
  12.         $.post("buscar.php", {busqueda:palabra},function(data){
  13.                 //buscar.php: es la pagina donde esta la consulta y la que mostrara los resultados de la busqueda
  14.                 //busqueda : es como llamaras en php a la variable post $_POST['busqueda']
  15.                 //palabra: es lo que buscas, lo que introduces en el campo de busqueda
  16.                 //data: es la respuesta, lo que arrojo el archivo buscar.php
  17.             //mostramos los resultados
  18.             $("#resultados").html(data);
  19.             //quitamos el loader
  20.             $("#loader").html("");
  21.         });
  22.  
  23.     });
  24.  
  25. });

Espero haberte podido ayudar... Saludos
__________________
http://tutorialesdelweb.blogspot.com/TutorialesWeb(principiantes)