Hola en una pagina web que estoy realizando utilizo AJAX para cargar DIVs en el DIV que denomino DIVPRINCIPAL que es el div que va cambiando cuando hacen click en alguna opcion del menu, asi nada mas recargo ese div (DIVPRINCIPAL) con la info que quiero mostrar y los demas DIVs que contienen el menu, la cabecera y el pie de pagina no los recargo.
Bueno de ahi me surgen dos situaciones que deseari arreglar:
1- Cuando la persona refresca la pagina, por ejemplo aprentando F5 no recuenda el Div que estar cargado en el DIVPRINCIPAL y me muestra el que por defecto muestra el DIVPRINCIPAL.
2-Cuando se seleccion alguna opcion del menu... no me aprece la direccion completa en la barra de navegacion.
yo quisiera que cuando con mi funcion ajax llamo a Staff.html
me aparezca en la barra de navegacion w.mipagina.com/Staff.html
y en realiadad me aparece w.mipagina.com.
Bueno aca les dejo la funcion con la que cargo el DIVPrincial:
Código:
// Documento JavaScript
// Esta función cargará las paginas
function cargaDiv(url, id_contenedor){
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, id_contenedor)
}
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;
}