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

Preloader para una aplicación ajax

Estas en el tema de Preloader para una aplicación ajax en el foro de Frameworks JS en Foros del Web. HOLA A TODOS Y GRACIAS DE ANTEMANO ... ESTE PRUEBA CONSTA SOLO DE UN INDEX DONDE SOLO TENGO UNA BARRA DE NAVEGACIÓN Y UN CONTENEDOR, ...
  #1 (permalink)  
Antiguo 12/07/2010, 22:31
sp3ncer
Invitado
 
Mensajes: n/a
Puntos:
Preloader para una aplicación ajax

HOLA A TODOS
Y GRACIAS DE ANTEMANO ...

ESTE PRUEBA CONSTA SOLO DE UN INDEX DONDE SOLO TENGO UNA BARRA DE NAVEGACIÓN Y UN CONTENEDOR, EN EL CUAL SE CARGAN HTML EXTERNOS MEDIANTE LOS ENLACES DE LA BARRA DE NAVEGACION:


.::INDEX::.
Código:
<script type="text/javascript" src="js/jquery.js"></script> 
$(document).ready(function() {
	
     $('#nav a').click(function() {
     var url=$(this).attr('href');
     $('#show').load(url);
     return false;
  });
			
});
</script>
</head>

<body>
<ul id="nav">
   <li><a href="uno.html">1</a></li>
   <li><a href="dos.html">2</a></li>
   <li><a href="tres.html">3</a></li>
   <li><a href="cuatro.html">4</a></li>
   <li><a href="cinco.html">5</a></li>
</ul>
<div id="show"></div>
LO QUE QUIERO BÁSICAMENTE ES QUE CUANDO HAGA CLICK EN ALGÚN ENLACE DE "#nav" APAREZCA UN PRELOADER (grafico o con porcentaje si es que se pudiera) EN EL CONTENEDOR (#show), MIENTRAS QUE AJAX HACE LA LLAMADA Y CARGA EL HTML EXTERNO EN DICHO CONTENEDOR (#show)

DESPUES DE CARGADO EL HTML EXTERNO ESTE PERLOADER TENDRÍA QUE DESAPARCER¡¡¡


ESPERO QUE PUEDAN AYUDARME...
  #2 (permalink)  
Antiguo 12/07/2010, 22:42
 
Fecha de Ingreso: marzo-2009
Mensajes: 30
Antigüedad: 15 años, 1 mes
Puntos: 2
Respuesta: Preloader para una aplicación ajax

Para eso usa el metodo ajaxStart y colocas la imagen dentro de $('#show')

http://api.jquery.com/ajaxStart/

Etiquetas: ajax, preloader
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 23:21.