Buenas a todos.
He creado una pagina dinámica que carga mediante AJAX en una capa un menú de manera dinámica, y después en otra capa, cargo el contenido de la primera opción del menú.
El problema viene que carga demasiado rápido todo y empieza a cargar la capa 'contenido' antes que se haya cargado el menú, por lo que no encuentra los id's del menu y falla.
Código PHP:
$(document).ready(function(event){
//cargo el menú
cargarPaginaAjax('menu.jsp','subMenuDetalle');
//cargo el contenido
var divpestana=new ddajaxtabs("subMenuDetalle", "contenido-detalle-blq1")
divpestana.setpersist(true)
divpestana.setselectedClassTarget("link")
divpestana.init()
});
el código de la función cargarPaginaAjax es el siguiente
Código PHP:
function cargarPaginaAjax(datos,contenedor){
divResultado = document.getElementById(contenedor);
divLoader = "";
ajax=objetoAjax();
ajax.open("GET", datos);
ajax.send(null)
}
hago la petición de manera asincrona para que no continue hasta que termine la ejecución, pero claro, en el codigo javascript no realiza ninguna detención ejecuta todo de golpe.
¿hay alguna manera de esperar a que termine de cargar la función cargarPaginaAjax para que continue con lo siguiente?