[SOLUCIONADO] ejecutar al cargar página

[Japrendo]

hola, estoy aprendiente ajax y jquery, termine un codigo que presenta el clasico "PROCESANDO...." mientras busca dentro de una BD...pero funciona haciendo CLICK sobre un boton....ahora necesito que funcione al cargar la pagina, como se hace esto?

Este es el fragmento del codigo que tengo :

Código Javascript:

$(document).ready(function(){
      $("#enProceso").submit(function(evento){
      evento.preventDefault();
      $("#cargando").css("display", "inline");
      $("#cargando").load("MientrasCarga.jsp", function(){
         //$("#cargando").css("display", "none");
      })
      $("#destino").load("EldelProgreso.jsp", function(){
         $("#cargando").css("display", "none");
      });
      });
      })
 

Como le digo al inicio que se ejecute...probe con onload="#enProceso", pero me genera error...gracias por sus aportes

[newboy_master]

Código Javascript:

$(document).ready(function(){
    CargaInicial();
})
 
function CargaInicial() {
 
    //evento.preventDefault(); Esta linea no es necesaria en este caso
    $("#cargando").css("display", "inline");
    $("#cargando").load("MientrasCarga.jsp", function(){
        //$("#cargando").css("display", "none");
    })
    $("#destino").load("EldelProgreso.jsp", function(){
        $("#cargando").css("display", "none");
    });
    
}
 

Prueba esto, simplemente he creado una función con el código y la llamo cuando esté cargada la página.

Salu2.

[Japrendo]

Gracias NEWBOY_MASTER, pero como llamo?...probe con ONLOAD y con :
<script language="javascript">
window.onload = CargaInicial();
</script>

Pero no me funciona...

[newboy_master]

El código que he puesto llama a la función con la sentencia "$(document).ready". Puede poner todo el código en un fichero .js aparte o en la propia página html con <script>....</script>

Salu2.

[Japrendo]

Bien he probado muchas variaciones dentro de lo que he leido, pero no me funciona, asi que si no es molestia les pido una manito...

en HEAD tengo este codigo :

Código Javascript:

<script>
      $(document).ready(function(){
          CargaInicial();
      })
      function CargaInicial(){
      //$("#enlaceajax").submit(function(evento){
      //evento.preventDefault();
      $("#cargando").css("display", "inline");
      $("#cargando").load("MientrasCarga.jsp", function(){
         //$("#cargando").css("display", "none");
      })
      $("#destino").load("EldelProgreso.jsp", function(){
         $("#cargando").css("display", "none");
      });
      }
      window.onload=CargaInicial();
      
   </script>
 

No Funciona....que tengo mal...gracias por sus aportes.

[chichote]

Trataremos de explicar más de fondo, $(document).ready se ejecuta una vez cargado el dom, es decir toda la estructura html, no necesitas window.onload porque $(document).ready se autoejecutará una vez cargado el dom. tambien tienes otras opciones como por ejemplo $(window).load, la diferencia es que este último espera a que carguen todos los elementos incluidos tu html, por ejemplo las imágenes.

Un ejemplo simple, lo que hará es que cuando cargue el dom te enviará una alerta por pantalla, solo debes eliminar esa alerta y agregar el codigo con el que haces la petición ajax. Si no te funciona es posible que tengas alguna colición de librerias o error en la sintaxis, te recomiendo que utilices la consola del navegador para que veas los errores que tienes (si es que los tienes.)

Código:

<script>
$(document).ready(function(){
     CargaInicial();
})
function CargaInicial(){
     alert("el dom ya se cargó");
}
</script>

saludos.

[Japrendo]

Perfecto, entendido.Gracias.