Foros del web, comunidad de entusiastas web

jagalzap · 17/02/2012, 07:02

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:

Ver originalCopiar$('#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 · 17/02/2012, 07:54

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:

Ver originalCopiarsetTimeout("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 · 17/02/2012, 07:59

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:

Ver originalCopiaron

ya que se desligan los procesos.

Saludos

AlanCristh · 20/02/2012, 22:13

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

17/02/2012, 07:02	#1 (permalink)
jagalzap Mensajes: 6 Karma: n/a	Asignacion de propiedades a Objetos 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: Ver original Copiar $('#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.

17/02/2012, 07:54	#2 (permalink)
ryugen Mensajes: 219 Karma: 4660	Respuesta: Asignacion de propiedades a Objetos 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: Ver original Copiar 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

17/02/2012, 07:59	#3 (permalink)
jagalzap Mensajes: 6 Karma: n/a	Respuesta: Asignacion de propiedades a Objetos 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: Ver original Copiar on ya que se desligan los procesos. Saludos Última edición por jagalzap; 17/02/2012 a las 08:06

20/02/2012, 22:13	#4 (permalink)
AlanCristh Mensajes: 5 Karma: n/a Ubicación: Paraná	Respuesta: Asignacion de propiedades a Objetos 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

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Modo lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado