Hola maestros!
estuve mirando y encontré una serie de códigos JAVASCRIPT que en teoría permiten cargar un HTML dentro de un <div> contenido en otro HTML. El que he colocado funciona en Firefox,Safari y Opera pero en Explorer me da "error en página" y en Chrome ni lo menta :P
el JAVASCRIPT, colocado en el HEAD es el siguiente:
Código:
<script language="javascript">
// Esta función cargará las paginas
function cargaendiv(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)
}
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, contenido){
if (pagina_requerida.readyState == 4 && (pagina_requerida.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(contenido).innerHTML=pagina_requerida.responseText
}
</script>
y el código HTML donde lo llamo es tal que así:
Código HTML:
<body>
<div id="contenedor">
<div class="menuhoriz">
<ul>
<li><a href="javascript:cargaendiv('news.html', 'contenido');">PORTADA</a></li>
<li><a href="javascript:cargaendiv('gallery.html', 'contenido');">PHOTO GALLERY</a></li>
</ul>
</div>
<div id="contenido"></div>
</div>
</body> ¿alguien sabe como solucionar esa discrepancia por favor?(y explicarme el fallo a ser posible, jeje)
Muchas gracias!!