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

Mostrar GIF mientras carga pagina

Estas en el tema de Mostrar GIF mientras carga pagina en el foro de Frameworks JS en Foros del Web. Buen día, tengo un codigo JavaScript que lo que hace es cargar una pagina en una ventana modal hecha en JqueryUI... hasta aquí todo perfecto. ...
  #1 (permalink)  
Antiguo 28/07/2011, 11:11
Avatar de jotaincubus  
Fecha de Ingreso: mayo-2005
Ubicación: Medellin - Colombia
Mensajes: 1.797
Antigüedad: 16 años, 2 meses
Puntos: 394
Mostrar GIF mientras carga pagina

Buen día, tengo un codigo JavaScript que lo que hace es cargar una pagina en una ventana modal hecha en JqueryUI... hasta aquí todo perfecto.

Resulta que lo que quiero lograr es mostrar un GIF que tengo que es como un loading... mientras carga la pagina en la ventana modal...

Este es el codigo que hace la llamada:

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2.         $(document).ready(function () {
  3.             $('a#pop').live('click', function (e) {
  4.                 e.preventDefault();
  5.                 var page = $(this).attr("href")
  6.                 var pagetitle = $(this).attr("title")
  7.                 var $dialog = $('<div></div>')
  8.                 .html('<iframe style="border: 0px; " src="' + page + '" width="100%" height="100%"></iframe>')
  9.                 .dialog({
  10.                     autoOpen: false,
  11.                     modal: true,
  12.                     height: 625,
  13.                     width: 700,
  14.                     title: pagetitle
  15.                 });
  16.                 $dialog.dialog('open');
  17.             });
  18.         });
  19.     </script>

Muchas gracias al que me pueda ayudar...
__________________
Por que existe gente que no agradece después de que se le ha brindado tiempo y ayuda ???
  #2 (permalink)  
Antiguo 28/07/2011, 12:43
Avatar de jotaincubus  
Fecha de Ingreso: mayo-2005
Ubicación: Medellin - Colombia
Mensajes: 1.797
Antigüedad: 16 años, 2 meses
Puntos: 394
Respuesta: Mostrar GIF mientras carga pagina

Trate colocándole dos lineas nuevas pero no me funciona:

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2.         $(document).ready(function () {
  3.             var $loading = $('<img src="loading.gif" alt="loading">');
  4.             $('a#pop').live('click', function (e) {
  5.                 e.preventDefault();
  6.                 var page = $(this).attr("href")
  7.                 var pagetitle = $(this).attr("title")
  8.                 var $dialog = $('<div></div>')
  9.                 .append($loading.clone())
  10.                 .html('<iframe style="border: 0px; " src="' + page + '" width="100%" height="100%"></iframe>')
  11.                 .dialog({
  12.                     autoOpen: false,
  13.                     modal: true,
  14.                     height: 625,
  15.                     width: 700,
  16.                     title: pagetitle
  17.                 });
  18.                 $dialog.dialog('open');
  19.             });
  20.         });
  21.     </script>

Alguien por favor me hecha una manito ?
__________________
Por que existe gente que no agradece después de que se le ha brindado tiempo y ayuda ???

Etiquetas: gif, javascript, jquery, loading
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 09:09.