Abrir pagina dentro de un div

Abrir pagina dentro de un div

 

descarga

Esto es cuando tenemos una capa

<div></div> y dentro de este queremos abrir una pagina.

Por si solo no se puede se necesita Código JavaScript y un Código HTML

Código HTML

<html>
<Head>
</Head>
<Body>
<a href="javascript:llamarasincrono('lapaginaquequieras.html', 'contenedor')">lapaginaquequieras.html</a>
<div id="Contenedor"></div>
</Body>
</html>

Código JavaScript

Lo gurdaremos en Codigo.js
// Documento JavaScript
// Esta función cargará las paginas
function llamarasincrono(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
}

Para Vincular el Archivo JS que el Codigo.js incluimos este código en el html

<Head>

<script src="codigo.js" type="text/javascript"></script> 

</Head>

Espero les Ayude

Deja una respuesta