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.