Ver Mensaje Individual
  #1 (permalink)  
Antiguo 24/05/2007, 02:24
zanga
 
Fecha de Ingreso: enero-2007
Mensajes: 44
Antigüedad: 17 años, 3 meses
Puntos: 1
Cargar varias páginas como parte de otra

Hola, soy nuevo en esto de AJAX y he encontrado este código para cargar una página dentro de un div, por ejemplo:
Código:
// Función que crea un nuevo objeto AJAX
function nuevoAjax(){
	var xmlhttp=false;
 	try {
  		xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
 	} catch (e) {
  		try {
   			xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  		} catch (E) {
   			xmlhttp = false;
  		}
 	}
	if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
  		xmlhttp = new XMLHttpRequest();
	}
	return xmlhttp;
}

// Función que carga el contenido de una página en otra
function cargarContenido(contenedor, pagina){
	alert(contenedor);
	ajax=nuevoAjax();
	ajax.open("GET",pagina,true);
	ajax.onreadystatechange=function() {
		if (ajax.readyState==4) {
			contenedor.innerHTML = ajax.responseText
		}
	}
	ajax.send(null)
}
Ahora lo que quiero es utilizarlo para cargar varias páginas dentro de otra (cabecera, menu, pie...).
Como estas funciones están en un fichero javascript hago la llamada desde el evento onLoad() de la etiqueta body.
Si sólo hago una llamada (por ejemplo, la cabecera) se ejecuta bien, pero si hago dos o tres se ejecuta las 3 veces pero sólo se muestra en pantalla la última página pedida.

Espero haberme explicado bien y que alguien sepa ayudarme. Gracias !!!