Visualisation d'une page Webjax
Effect.Fold()
L'effet Effect.Fold() permet de réduire la hauteur d'un élément DOM précisé puis de réduire ensuite la largeur de ce même élément de façon à finalement le faire disparaître.
Cet effet de disparition pourrait être comparé à Effect.Squish() de part le fait que l'élément se replie par défaut depuis le coin supérieur gauche.
Pour décrire l'effet depuis son code source, on peut noter que cet effet Effect.Fold() est en fait un Effect.Scale() par la hauteur (ndr : 'scaleX = false')qui depuis son 'callback' (ndr : un évènement ) 'afterFinishInternal' appelle un autre Effect.Scale() (ndr : 'scaleY = false') qui permet cette fois ci la réduction en largeur.
On peut aussi noter que les posititons de base de l'élément sont conservées au sein d'un objet 'oldStyle'.
Un exemple d'utilisation est présenté ci après.
Exemple d'utilisation simple de Effect.Fold()
Cet exemple vous permet de tester l'effet Effect.Fold() de façon simple
avec des contrôleurs de paramètres pour l'effet.
L'exemple est testable ci après :
toto président, toto président, webjax c'est bien webjax c'est bien
Durée de l'effet (duration) :
Restauration finale de l'élément ? (restoreAfterFinish) :
Le code source de l'exemple est présenté ci après :
Cet effet de disparition pourrait être comparé à Effect.Squish() de part le fait que l'élément se replie par défaut depuis le coin supérieur gauche.
Pour décrire l'effet depuis son code source, on peut noter que cet effet Effect.Fold() est en fait un Effect.Scale() par la hauteur (ndr : 'scaleX = false')qui depuis son 'callback' (ndr : un évènement ) 'afterFinishInternal' appelle un autre Effect.Scale() (ndr : 'scaleY = false') qui permet cette fois ci la réduction en largeur.
On peut aussi noter que les posititons de base de l'élément sont conservées au sein d'un objet 'oldStyle'.
Un exemple d'utilisation est présenté ci après.
Exemple d'utilisation simple de Effect.Fold()
Cet exemple vous permet de tester l'effet Effect.Fold() de façon simple avec des contrôleurs de paramètres pour l'effet.L'exemple est testable ci après :
toto président, toto président, webjax c'est bien webjax c'est bien
Durée de l'effet (duration) :
Restauration finale de l'élément ? (restoreAfterFinish) :
Le code source de l'exemple est présenté ci après :
: 07/01/2007 23:46:10 | 
: Scriptaculous, Scriptaculous.js, Effect.Fold, Fold, Effect, CombinationEffects, multibrowser, comptatibility, visibility, opacity, filter, disparition, rétréc, 
