Pregunta

Estoy tratando de hacer una transición simple de espectáculo/ocultar para un mensaje Div usando fx.Reveal en Mootols 1.4. El efecto funciona la primera vez, pero no en los clics posteriores.

¿Alguna pista sobre dónde me equivoco?

http://jsfiddle.net/mygh6/1/

var mytween = new Fx.Reveal(document.getElementById('mydiv'), {duration: 2500});

$('myclick').addEvent('click', function(){
    mymessage();
});

function mymessage(){
    var mymessage = document.getElementById('mydiv');

    mymessage.set('html','YO!');

    mytween.reveal();
    mytween.dissolve();
}
¿Fue útil?

Solución

var mytween = new Fx.Reveal(document.getElementById('mydiv'), {
    duration: 1000,
    onComplete:function(){
        this.element.dissolve();
    }
});

$('myclick').addEvent('click', function(){
    mymessage();
});

function mymessage(){
    var mymessage = document.getElementById('mydiv');

    mymessage.set('html','YO!');

    mytween.reveal();
}

Otros consejos

Sé que no es la mejor respuesta, como especificó usando FX.Reveal, pero usaría el comando winkhttp://mooteols.net/docs/more/fx/fx.reveal#element:wink

Como aquí: http://jsfiddle.net/zalun/mygh6/5/

var msg = document.getElementById('mydiv').hide();
$('myclick').addEvent('click', function() {
    msg.wink();
});

Ciertamente, puede especificar el mensaje dentro de la función como lo hizo antes.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top