Discussion :

[oneTime]

Bonjour,

je me suis mis depuis hier à utiliser le framework Mootools et je dois dire que... J'adore
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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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...


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

[oneTime]

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

[vermine]

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

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

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 js :

Sélectionner tout - Visualiser dans une fenêtre à part

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.