Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/05/2011, 06:10
Avatar de aniMAYtions
aniMAYtions
 
Fecha de Ingreso: diciembre-2007
Ubicación: Granada
Mensajes: 519
Antigüedad: 12 años, 11 meses
Puntos: 2
problema con mostrar imagen/bloqueo durante la carga de un div

Hola y buenos días a [email protected]

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
  1. //para cambiar el cursor
  2. $("body").css("cursor", "help");
  3.  
  4.  
  5. //para mostrar un div con la imagen
  6. $("#loaddiv").css("z-index", 3);
  7.  
  8. //otra opción para mostrar el div
  9. $("#loaddiv").css("display", "block");
  10.  
  11. $("contenido_dcha").load("index.php", function () {
  12.     //para el cursor
  13.     $("body").css("cursor", "auto");    
  14.  
  15.     //para el div
  16.          $("#loaddiv").css("z-index", 1);
  17.  
  18.     //otra opción para el div
  19.     $("#loaddiv").css("display", "none");
  20. });

Nada, ni el cursor me funciona

Luego probé con al plugin jquery-blockUI.js y tampoco ocurrió nada

Código Javascript:
Ver original
  1. $('#contenido_dcha').load(function() {
  2.     $.blockUI({ css: {
  3.         border: 'none',
  4.         padding: '15px',
  5.         backgroundColor: '#000',
  6.         '-webkit-border-radius': '10px',
  7.         '-moz-border-radius': '10px',
  8.         opacity: .5,
  9.         color: '#fff'
  10.     } });
  11. });

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!!