Tema: Bloquear div mientras se recibe información.
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 05/04/2011, 06:20
Dany_s
 
Fecha de Ingreso: diciembre-2009
Ubicación: Misiones
Mensajes: 867
Antigüedad: 15 años, 10 meses
Puntos: 65
Respuesta: Bloquear div mientras se recibe información.
se logra con un div transparente encima del form, algo asi

Código HTML: 
Ver original
  1. <html>
  2.     <head>
  3.         <title>Ejemplo</title>
  4.         <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
  5.         <script>
  6.  
  7.         $(function(){
  8.  
  9.             $('form').submit( function(){
  10.                 //Agregar un div al principio del form
  11.                 capa = $('<div class="capaTransparente">').prependTo(this);
  12.                 //Le doy opacidad
  13.                 capa.animate({'opacity': 0.5});
  14.                 //Alguna operacion ajax
  15.                 $.get('dos.jsp', function(){
  16.                     //Cuando termina la solicitud le doy opacidad 0
  17.                     capa.animate({'opacity': 0}, function(){
  18.                         //Cuando termina la animacion borro el div
  19.                         $(this).remove();
  20.                     })
  21.                 });
  22.  
  23.                 return false;
  24.             });
  25.  
  26.         });
  27.  
  28.         </script>
  29.         <style>
  30.  
  31.             form{margin:100px; position:relative; width:250px; height:150px}
  32.             .capaTransparente{position:absolute; height:100%; width:100%; background:#ccc; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0;}
  33.  
  34.         </style>
  35.     </head>
  36.     <body>
  37.  
  38.     <form>
  39.  
  40.         <select>
  41.             <option>1</option>
  42.         </select>
  43.         <input type="text">
  44.         <input id="enviar" type="submit" value="Enviar">
  45.     </form>
  46.  
  47.  
  48.     </body>
  49. </html>

fijate nomas el css que funcione