mootools fx.reveal
-
29-10-2019 - |
Question
J'essaie de faire une simple transition afficher / masquer un message div en utilisant fx.reveal dans mootools 1.4.L'effet fonctionne la première fois, mais pas sur les clics suivants.
Avez-vous des indices pour savoir où je me trompe?
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();
}
La solution
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();
}
Autres conseils
Je sais que ce n'est pas la meilleure réponse, comme vous avez spécifié avec fx.reveal, mais j'utiliserais Wink Command http://mooools.net/docs/more/fx/fx.reveal#Element: wink
Comme ici: http://jsfiddle.net/zalun/mygh6/5/
var msg = document.getElementById('mydiv').hide();
$('myclick').addEvent('click', function() {
msg.wink();
});
Vous pouvez certainement spécifier le message dans la fonction comme vous l'avez fait avant.
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow