Initialiser un effet au chargement de la page avec mootools
Par davidm le jeudi, avril 19 2007, 02:19 - Développement web - Lien permanent
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 :
<script type="text/javascript"><!-- // --><![CDATA[
/* 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});
}
// ]]>
</script>
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"):
<script type="text/javascript">
window.addEvent('load', function() {
var myFx = new Fx.Style('submenu', 'opacity', {duration: 500}).start(0,1);
});
</script>
Notez que j'utilise window.addEvent car window.onLoad sera prochainement déprécié... Suite des aventures au pays de mootools prochainement !
