Apr
19
Initialiser un effet au chargement de la page avec mootools
J'avais déjà abordé la même question sur les forums de MODx concernant la technique permettant d'initialiser un effet du framework script.aculo.us, et dernièrement j'ai basculé mes développement vers le framework mootools, plus léger et aussi plus "propre" d'un point de vue code.
Exemple avec script.aculo.us :
/* Observe when page loads and run the "init" function */
Event.observe(window, 'load', init, false);
/* When page is loaded, this function is called */
function init()
{
new Effect.Opacity('submenu', {duration:1.5, from:0.2, to:1.0});
}
Comment faire avec mootools ? Ni la documentation, ni le fameux mootorial ne donnent réellement de réponse simple à la question... après une bonne lecture des forums et quelques tâtonnements, voici ce à quoi j'abouti (l'élement cible est un div avec l'id "submenu"):
window.addEvent('load', function() {
var myFx = new Fx.Style('submenu', 'opacity', {duration: 500}).start(0,1);
});
Notez que j'utilise window.addEvent car window.onLoad sera prochainement déprécié... Suite des aventures au pays de mootools prochainement !
Ajouter un commentaire