Mootools - Apparition progressive d'un div

Bonjour,

je me suis mis depuis hier à utiliser le framework Mootools et je dois dire que... J'adore :D
Cependant j'ai un petit souci... Tout est dans le titre : je voudrais qu'un div contenant un formulaire puisse s'afficher progressivement (en jouant sur l'opacité) une fois que la page a été chargée.

J'ai pensé à utiliser ceci :

Code:

---

1 2 3 4 5 6 7

var fx =new Fx.Style('form-inscription', 'opacity', { duration: 500, transition: Fx.Transitions.linear, unit: '' }); fx.start(0, end);

---

Pour que ce dernier soit invisible puis visible progressivement au bout d'une demi-seconde.
J'ai cherché du côté des Fx, dont la méthode Fx.start() mais je ne parviens pas à créer quelque chose de concluant... :cry:


Pourriez-vous me donner une piste ? Que dois-je utiliser ? Merci !

Un petit up !

Et une précision au passage : je cherche à créer l'effet équivalent à celui de scriptaculous (Effect.Appear) sous Mootools en fait ;)

Vous pouvez atteindre directement la propriété "tween" de l'élément avec get et set:

Code:

---

1 2 3 4

var ma_div = $("form_inscription"); ma_div.set('tween', {property:"opacity", duration: "long"}); ma_div.get('tween').start(0);

---

La duration est à long mais une valeur numérique est tout aussi bonne:

Code:

---

1 2	ma_div.set('tween', {property:"opacity", duration: 1000});

---

Rem: J'ai mis un underscore au lieu d'un tiret dans l'id de l'élément.