Bloquear la pantalla mientras se ejecutan peticiones ajax con javascript

El plugin de jQuery BlockUI le permite simular el comportamiento síncrono utilizando AJAX, sin bloquear el navegador [1]. Cuando se activa, se evitará la actividad del usuario con la página (o parte de la página) hasta que se desactive. BlockUI agrega elementos a la DOM para darle a la vez la apariencia y el comportamiento de bloqueo e interacción con el usuario.

Enlaces patrocinados:



Comentarios

Fabian:
2015-12-09 20:12:32

Si se bloquea la pantalla, pero la imagen y el efecto de obcuro no sale si no hasta que termina la petición que puedo hacer el código es el siguiente:
function insert(){
$(document).ready(function() {
admin.insert({
callback : function(data) {
close();
},
scope : this,
async : false
});
});


}

function init() {

$('#charge_page').ready(function() {
$.blockUI({ message: "<img src='../mapaOp4/images/loading2.gif'>" });
insert();
});

}



function close(){
$(document).ready(function() {
$.unblockUI({
onUnblock: function(){
}
});
});
}

el boton que tengo manda a jalar la fucnión init()

que tiene que me falta queme sobra ??

dasdasd:
2016-07-25 22:07:54

asdasdasd

Eduardo mesa:
2016-12-07 20:12:55

te faltan las opciones de css para definir los colores del bloqueo

$.blockUI({ message: '<img src="../../../img/maduro.png"><span style="color:#FFFFFF">Calculando Datos</span>' ,
css: { width: '30%', border:'1px solid #FFFFFF',cursor:'wait',backgroundColor:'#000000',align:'center'},
overlayCSS: { backgroundColor: '#000000',opacity:0.8,cursor:'wait'}
});

xxxxx:
2018-08-01 17:08:42

QQQQQQ

ewrw:
2018-10-09 21:10:31

werwer

asda:
2018-10-16 16:10:44

dasdasdd

Deje un Comentario
[Opcional]
(No se mostrará en el sitio)
[Opcional]
[Opcional]

Ultimos Comentarios

Io4 dijo:

no funciona cuando intento ir al script!

Javo dijo:

Excelente efecto, me encantó el Demo 2

SAMIR ROMERO dijo:

me facilitan el codigo de esa animacion por favor

UsuarioABCD dijo:

¿Hola que tal?