Hola gente, soy nuevo en el foro, y realmente estoy en un aprieto. Hice mi primer pagina web con div's y JS, busque hasta encontrar como abrir un html en un div como si fuera un frame. Pero ahora mi pregunta es la siguiente, tengo 2 divs en la web, y lo que quiero hacer es que cuando se abra la información en el div principal, en el div secundario aparezca una imagen como titulo. El codigo del archivo AJAX lo saque de este Foro. Desde ya muchisimas gracias a todos
Aca va el codigo:
Código HTML:
<div id="main">
<noscript>JavaScript está desactivado, AJAX no podrá ser usado</noscript>
<script src="ajax.js" type="text/javascript"></script>
</div>
El código JavaScript ("ajax.js"):
Código:
document.write("<p>Espere mientras carga la página.</p>");
function loadurl(url,id){
var pagecnx = createXMLHttpRequest();
pagecnx.onreadystatechange=function(){
if (pagecnx.readyState == 4 && (pagecnx.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(id).innerHTML=pagecnx.resp onseText;
}
pagecnx.open('GET',url,true)
pagecnx.send(null)
}
function loadurlkey(e,url,id){
tecla = (document.all) ? e.keyCode : e.which;
if (tecla==13)
loadurl(url,id);
}
function createXMLHttpRequest(){
var xmlHttp=null;
if (window.ActiveXObject)
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
else if (window.XMLHttpRequest)
xmlHttp = new XMLHttpRequest();
return xmlHttp;
}
Para poderlo usar, cambia tus href a este modo:
Código HTML:
<a href="javascript
:loadurl('pagina1.html','main')">p ágina 1</a>
Mandandole de parámetros el nombre de tu página, y el id del DIV donde lo vas a cargar. Además es posible que quieras que se cargue una de tus páginas en tu página principal cuando esta se abra. Para esto usa este código al abrir tu Body:
Código HTML:
<body onload="loadurl('pagina1.html','main')">
Ese es el codigo, sinceramente no se quien lo escribio, pero al que lo haya hecho le agradezco muchisimo. Denuevo gracias de antemano por las respuestas.