Hola lei tu problema y creo que aqui tengo la solución, lo primero que debes hacer es leerte el tutorial de AJAX en este mismo sitio, aqui no te pongo el enlace porque no me acuerdo, en este tutorial te explica como se hace para que en un div salga una pagina, cualquiera que tu selecciones, no obstante aqui te pongo el codigo que esta en este mismo tutorial con algunas modificaciones y tu lo adaptes a tu manera:
Este codigo lo copias y lo guardas como
codigo.js o el nombre que quieras.
Código :
// Documento JavaScript
// Esta función cargará las paginas
//url = es la página que quieres mostar
//contenido = es el DIV donde quieres que se muestre la página
function cargando(url, contenido){
var pagina_requerida = false
if (window.XMLHttpRequest) {// Si es Mozilla, Safari etc
pagina_requerida = new XMLHttpRequest()
} else if (window.ActiveXObject){ // pero si es IE
try {
pagina_requerida = new ActiveXObject("Msxml2.XMLHTTP")
}
catch (e){ // en caso que sea una versión antigua
try{
pagina_requerida = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else
return false
pagina_requerida.onreadystatechange=function(){ // función de respuesta
cargarpagina(pagina_requerida, contenido)
contenido=document.getElementById(id_contenedor);
pagina_requerida=NuevoAjax();
//peticionamos los datos, le damos la url enviada desde el link
if (ajax.readyState==1) {
contenido.innerHTML="Cargando, por favor espere.........";
}
}
pagina_requerida.open('GET', url, true) // asignamos los métodos open y send
pagina_requerida.send(null)
}
// todo es correcto y ha llegado el momento de poner la información requerida
// en su sitio en la pagina xhtml
function cargarpagina(pagina_requerida, id_contenedor){
if (pagina_requerida.readyState == 4 && (pagina_requerida.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(id_contenedor).innerHTML=pagina_requerida.responseText
}
después que hayas guardado el codigo solo tienes que hacer lo siguiente:
1- vincular el archivo "codigo.js (o como lo hayas llamado a la página)" de esta manera:
<script language="JavaScript" type="text/javascript" src="codigo.js"></script>
2- agregar en el hipervínculo que desees lo siguiete ( esto te permitira que la pagina a la que hagas referencia en el hipervínculo salga en la etiqueta DIV que desees)
<a href="javascript:cargando('antecedente.html', 'contenidos_2');">Antecedentes</a> (esto es un ejemplo de mi página)
donde:
"antecedente.html " es la página que quieres mostrar
y
"contenidos_2" es el DIV (puede habe mas de un div en la página) donde quieres que se muestre la página "antecedente.html"
espero que mi explicación te haya servido. Yo he aprendido lo poco que se aqui en los foros y en los tutoriales de
www.cristalalb.com