Cabe aclarar que no se mucho de ajax (por no decir nada)y el siguiente codigo es copiado desde esta web , en realidad fui juntando codigo y salio este mostrito.
El problema es el siguiente , en FireFox me anda maso menos bien , si al ultimo else , le saco el alert (""); , es como que no existiese ningun error , ahora si lo dejo ,sale el alert(""); pero a continuacion me muestra la pagina que le pido.
En cambio en Chrome , Opera , me sale el alert("") y no me carga la pagina.
Y en IE 9 directamente ni me aparece el alert("") y tampoco carga la pagina.
Estoy seguro que me falta codigo , pero no tengo idea que codigo X_x.
ajax.js
Código PHP:
function Carga(url,id)
{
var objeto; //Creo un objeto dependiendo del navegador
if (window.XMLHttpRequest)
{
//Mozilla, Safari, etc
objeto = new XMLHttpRequest();
}
else if (window.ActiveXObject)
{
//IE
try {
objeto = new ActiveXObject("MSXML2.XMLHTTP");
}
catch (e) {
try { //Version mas antigua
objeto = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!objeto)
{
alert("No ha sido posible crear un objeto de XMLHttpRequest");
}
//Cuando XMLHttpRequest cambie de estado, ejecutamos esta funcion
objeto.onreadystatechange=function()
{
cargarobjeto(objeto,id)
}
objeto.open('GET', url, true) // indicamos con el método open la url a cargar de manera asíncrona
objeto.send(null) // Enviamos los datos con el metodo send
}
function cargarobjeto(objeto, id)
{
if (objeto.readyState == 4){ //si se ha cargado completamente
document.getElementById(id).innerHTML=objeto.responseText
}
else{ //en caso contrario, mostramos un gif simulando una precarga
//document.getElementById(id).innerHTML='<img src="loader.gif" alt="cargando" />'
alert("No se pudo");
}
}
index.html
Código PHP:
<li><a href="javascript:Carga('propiedades.html','contenido');">Propiedades</a></li>
<li><a href="javascript:Carga('promociones.html','contenido');">Promociones</a></li>
<li><a href="javascript:Carga('contacto.html','contenido');">Contacto</a></li>
Asi llamo las paginas al div con el id llamado contenido.