Hola,
Tengo la siguiente función en ajax que me carga una pagina en un div contenedor:
Código:
function getXmlHttpRequestObject() {
if (window.XMLHttpRequest) {
//mozilla, zafari, etc
return new XMLHttpRequest();
} else if(window.ActiveXObject) {
//Internet Explorer
return new ActiveXObject("Microsoft.XMLHTTP");
} else {
//mensaje de error
alert("Tu navegador no soporta el objeto XmlHttpRequest. Actualizate a firefox.");
}
}
//
//=============================================================================
//
//======= Funciónes para cargar un documento HTML en un Div contenedor ========
//
var cualPaginaCarga = getXmlHttpRequestObject();
//
function cargarPagina(url, idContenedor) {
if(cualPaginaCarga.readyState == 4 || cualPaginaCarga.readyState == 0){
cualPaginaCarga.open("GET", url, true);
cualPaginaCarga.onreadystatechange = function(){
//función de respuesta
datosCargaPagina(cualPaginaCarga, idContenedor);
}
cualPaginaCarga.send(null);
}
}
//
function datosCargaPagina(cualPaginaCarga, idContenedor){
if (cualPaginaCarga.readyState == 4 && (cualPaginaCarga.status == 200 || window.location.href.indexOf ("http") == - 1))
document.getElementById (idContenedor).innerHTML = cualPaginaCarga.responseText;
}
Y en HTML por ejemplo:
Código HTML:
<a href="#" onclick="cargarPagina('pagina2.html', 'resultado')">MOSTRAR DATOS</a>
<div id="resultado"></div>
Esto funciona perfectamente y carga pagina2.html en el div resultado, el inconveniente es cuando en pagina2.html se debe ejecutar en script de x libreria.
Saludos y gracias.