Hola y buenos días a tod@s.
Estoy tratando de hacer que se muestre una imagen de carga con jQuery o se dehabilite la pantalla durante la carga de un div(que hago asíncronamente con xajax) con jquery-blockUI.
Primero contaros que el típico enlace <a href='#' id='enlaceactivador'...>click</a> no puedo ponerlo pues todos los botones de un mismo menú no pueden tener el mismo id. Así que tendría que hacerse automáticamente la carga.
Bueno, empecé con la imagen y no me dio resultado. Lo intenté con cambio de cursor, con un div...
Código Javascript
:
Ver original//para cambiar el cursor
$("body").css("cursor", "help");
//para mostrar un div con la imagen
$("#loaddiv").css("z-index", 3);
//otra opción para mostrar el div
$("#loaddiv").css("display", "block");
$("contenido_dcha").load("index.php", function () {
//para el cursor
$("body").css("cursor", "auto");
//para el div
$("#loaddiv").css("z-index", 1);
//otra opción para el div
$("#loaddiv").css("display", "none");
});
Nada, ni el cursor me funciona
Luego probé con al plugin jquery-blockUI.js y tampoco ocurrió nada
Código Javascript
:
Ver original$('#contenido_dcha').load(function() {
$.blockUI({ css: {
border: 'none',
padding: '15px',
backgroundColor: '#000',
'-webkit-border-radius': '10px',
'-moz-border-radius': '10px',
opacity: .5,
color: '#fff'
} });
});
Y bueno, tampoco ocurre nada.
Sabeis qué estoy haciendo mal?
Creo que no hay que decir que están los enlaces en el index a los diferentes archivos.
Gracias!!