Estoy preparando algo en el que necesito cargar archivos HTML externos en un div mediante JS. Estas son las funciones que prepare:
Código HTML:
function setAllLns (idLns,idCnt)
{
var lns = document.getElementById(idLns).getElementsByTagName('li'), lnsCn = lns.length;
var cnt = document.getElementById(idCnt);
//
for (var i = 0; i < lnsCn; i++) setLn( lns[i] );
//
function setLn (ln)
{
var lnA = ln.getElementsByTagName('a')[0];
//var lnR = getXML(lnA.href);
var lnR = getXML('pag1.html');
var lnT = lnA.innerHTML;
//
ln.innerHTML = lnT;
ln.className = 'lnNrm';
//
ln.onmouseover = function ()
{
this.className = 'lnOvr';
this.style.cursor = 'pointer';
}
ln.onmouseout = function ()
{
this.className = 'lnNrm';
}
ln.onclick = function ()
{
//cnt.innerHTML = lnR;
alert (lnR);
}
}
}
function getXML (xmlFile)
{
var xhttp = (window.XMLHttpRequest) ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
xhttp.open('GET',xmlFile,false);
xhttp.send('');
return xhttp.responseXML;
};
Tengo una muestra de como lo estoy aplicando aca, por si necesitan verlo en detalle. De antemano gracias a cualquier ayuda o idea que me puedan facilitar.


