Bueno como dice el post mi idea es cargar una pagina dentro de un div lo cual me resulta de dos formas mi pregunta esta enfocada cual es la mas correcta o consume menos recursos o quizas porque deberia ocupar la primera en vez que la segunda.
Aca les dejo la primera funcion.
Código:
Con esta primera funcion o codigo me resulta sin problemas tan solo tiene un detalle que no logro que me muestre el gif cargando...a lo mejor me pueden ayudar en eso, me gusta mas esta por el tema de el efecto fadein que le da al cargar la pagina.$(document).ready(function(){ var emi = "#menu a"; //Emisor var rec = "#contenedor"; //Receptor var src = "../imagenes/cargando.gif"; //Imageen de precarga var iid = "loading"; //Id de la precarga var pre = '<img src="'+src+'"id="'+iid+'"/>'; //Objeto precarga var spe = "slow"; //Velocidad del efecto $(emi).each(function(){ var href = $(this).attr("href"); //Guardamos el vaolor de href de cada enlace. $(this).click(function(){ //Cargamos en rec el contenido de cada href y le damos efectos. $(rec).hide().after(pre).load(href, function(){ $("#"+iid).remove();$(this).fadeIn(spe) }); return false; //Para que no se redireccione. }); }); });
La segunda funcion:
Código:
Esta funcion se supone que en teoria hace lo mismo, seria posible incorporar en esta funcion el efecto fadein.function UpdateDiv(Url){ $.ajax({ type: 'get', url: Url, dataType: 'html', success: function(data){ $("#contenedor").html(data) } }); }
Ahora hay otra pregunta que tengo en las dos funciones cuando dese cargar una pagina externa por ejemplo http://www.google.com me arroja el siguiente error en la consila de errores de firefox.
Error de seguridad: el contenido en http://localhost/misWebs/index.php no puede cargar datos de http://www.google.cl/.
Error: uncaught exception: [Exception... "Access to restricted URI denied" code: "1012" nsresult: "0x805303f4 (NS_ERROR_DOM_BAD_URI)" location: "http://localhost/misWebs/js/jquery.js Line: 19"]
Eso compañeros(as) desde ya muchas gracias por sus comentarios.
Saludos desde Chile.