Detener ejecución de script hasta que termine el anterior

[chi_flao]

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?

[marlanga]

Aprende a utilizar el AJAX que te proporciona jQuery. Es muy fácil, la documentación de la página de jQuery es una de las mejores que he visto.
Y dispara la segunda función (que carga contenido de la primera opción del menú) en el SUCESS del AJAX que carga el menú.