Ir al contenido principal

Como usar el fadeOut con Dojo

Hola, recientemente tenia la necesidad de implementar un fadeOut o lo que es lo mismo, que un div, desvaneciera!

Con YUI, sabia que se podía hacer de la siguiente manera:

setTimeout(function() {
var fadeOut = new YAHOO.util.Anim('idDelDiv', { opacity: { to: 0 } }, 0.5);
fadeOut.onComplete.subscribe(function() {
yd.setStyle('list_success_message', 'opacity', 1);
});
fadeOut.animate();
}, 4000);

Básicamente, el timeout invoca después de 4 segundos a la función anónima, que llama a la animación, que desaparece el div.

En dojo, algo parecido lo encontré en http://docs.dojocampus.org/quickstart/Animation

Básicamente se debe hacer algo así

dojo.style("idDelDiv", "opacity", "1");
dojo.fadeOut({
node: "idDelDiv",
duration: 4000,
onEnd: function(){
// executed when the animation is done
dojo.byId("idDelDiv").className = "none";
}
}).play();

el dojo.fadeOut, básicamente recibe unas propiedades donde se pueden incluir algunos triggers para los eventos, en mi caso, cuando este completo quiero colocar este class al div.
En mi caso paso el id, el tiempo (4 sec) y la función antes mencionada y le doy play para ejecutar el efecto que dura 4 segundos :)

Etiquetas

Etiquetas:

Comentarios

Gabriel Solano dijo…
Con JQuery también es sencillo:
$("#myDivId").fadeOut("slow");
1:41 p.m.
jsanca dijo…
Jquery es de lo mejor sin duda alguna :)
1:51 p.m.
Publicar un comentario

Entradas más populares de este blog

Impensando acerca de las referencias en Java

Fue hace ya algún tiempo que pase un rato discutiendo con algunos compañeros acerca de si existe o no el paso por referencia; el discurso fue mucho hacia que en Java el comportamiento, en el supuestamente pasamos por referencia un objeto y por valor los objetos primitivos creo mucha polémica. Para ubicarnos en contexto veamos el siguiente ejemplo. public static void main(String[] args) { int value = 10; changeValue(value); System.out.println("value = " + value); User user = new User(); Name name = new Name(); user.setName(name); name.setName("jsanca"); name.setLastName("XXX"); user.setPassword("123queso"); System.out.println("user: " + user.getName().getName() + ", " + user.getName().getLastName() + ", " + user.getPassword()); changeValue1(user); System.out.println("user: " + user.getName().getName() + ", " + user.getName().getLastName() + ", " + user.ge...
11 comentarios
Leer más

Ideas para un eco-hogar

Un Eco Hogar, Ultimamente he estado pensando al respecto (en la implementación de una casa ecológica), leyendo un poco me entero que existen diferentes alternativas para el ahorro de consumo electrico del hogar; paneles solares, mini hidro turbinas, energía eólica, etc. Algunas alternativas interesantes representan los termos calentados por paneles solares, para no gastar energía en la ducha caliente, etc. Todas estas alternativas están muy bien, aunque la inversión por el momento es algo grande para un hogar promedio, con el consumo masivo, podría convertirse en una opción de facto. Estas opciones representa un ahorro en el consumo eléctrico, pero que hay con el consumo del H2O; sin necesidad de ser muy observador, nos damos cuenta que uno de los mayores puntos donde se desperdicia agua son: el baño y la ducha. En cuanto a la ducha no se me ocurre mas que algunos habitos en vez de soluciones tecnicas, como mojarse, cerrar el tuvo, enjabonarse, etc. Cerrar el tuvo cuando no lo estamos ...
3 comentarios
Leer más

Analizador de expresiones algebraicas recursivo decendente

Como les mencione en un post previo, estoy leyendo el libro el arte de programar en Java, el primer ejercicio consiste en un analizador de expresiones algebraicas recursivo descendente, el mismo consiste en la posibilidad de tomar una cadena que contenga una expresión matemática, la misma puede contener valores en punto flotante, sumar, restar, dividir, multiplicar, sacar exponente (potencia), uso de paréntesis para priorizar una operación, etc. A continuación clase a clase, con una pequeña explicación Lo primero que definiremos es una suite de excepciones para reportar errores, no tiene mucha ciencia, hay una para la division entre cero, cuando no existe una expresión valida, error de sintaxis o cuando los paréntesis no se encuentran balanceados, veamos package cap2; /** * Exception para reportar que hay al intentar dividir entre cero * * User: jsanca * Date: 4/16/13 * Time: 1:30 AM * @author jsanca */ public class DividedByZeroException extends RuntimeException { ...
4 comentarios
Leer más