Asignacion de propiedades a Objetos

[jagalzap]

Hola a Todos

Bueno les cuento mi problematica, tengo un div con un boton al cual por jquery con el metodo bind le asigno un evento click el cual cuando se dispara la accion lo primero que hace es por jquery le asigno un css el cual se encarga de montar una imagen delante del div para indicar que se encuentra procesando y luego de ejecutar esta accion ejecuto una funcion javascript, el problema es que cuando se dispara el evento click el sistema si asigna la imagen pero solo la muestra despues de que termina de ejecutar la otra funcion que os cuento que mando a ajecutar por ende no me sirve ya que esta debe de ponerse antes de.

Les dejo un ejemplo.

Código Javascript:

$('#DvBoton').bind('click', function(){
      $('#DvPrincipal').css('background-image', 'url(image/Fondo.png)');
      ejecutarProcesoX();
});
 

Espero que me entiendan y que me puedan colaborar.

De antemano muchas gracias por sus aportes.

[ryugen]

la forma más rápida que se me ocurre es que ejecutes la función de manera asincrónica, puedes lograr esto utilizando la función setTimeout

Código Javascript:

setTimeout("ejecutarProcesoX()",10);
 

No hace falta que la retraces mucho. De esta forma el metodo regresa el control y la funcion en el setTimeout se ejecutará de manera asincronica

[jagalzap]

Hola ryugen agradeciendo Tú aporte te cuento que asi lo he hecho tambien y pues efectivamente si funciona, mi pregunta es hasta que punto pude ser sano el utilizar el timeout en estos casos cuando las condiciones cambien o varien los tiempos de respuesta segun la maquina, intenet y demas varibales que se pueda presentar, osea no abra otra forma de hacerlo.

Ahhh otra cosa que me surge al ponerlo asincronico con el timeout es que no puedo garantizar que la funcion solo se ejecute una vez con jquery con la propiedad

Código Javascript:

on
 

ya que se desligan los procesos.

Saludos

[AlanCristh]

Hola probá esto:

Código PHP:

  $('#DvBoton').bind('click', function(){
    $('#DvPrincipal').css('background-image', 'url(image/Fondo.png)');
    $('#DvPrincipal').queue(function() {
        ejecutarProcesoX();
    });
}); 
   

Si tenés problemas con esto, investigá el método "queue" de jQuery.

Saludos