Foros del Web » Programando para Internet » Javascript » Frameworks JS »

problema con mostrar imagen/bloqueo durante la carga de un div

Estas en el tema de problema con mostrar imagen/bloqueo durante la carga de un div en el foro de Frameworks JS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 18/05/2011, 05:10
Avatar de aniMAYtions  
Fecha de Ingreso: diciembre-2007
Ubicación: Granada
Mensajes: 519
Antigüedad: 16 años, 3 meses
Puntos: 2
problema con mostrar imagen/bloqueo durante la carga de un div

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

Etiquetas: ajax, carga, durante
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:39.