Visualisation d'une page Webjax
Effect.Appear()
L'effet Effect.Appear() permet de faire apparaître un élément DOM précisé.
Si la propriété CSS 'display' de l'élément précisé était valorisé à 'none' , l'élément DOM sera automatiquement affiché/montré.
!!! :: un bug semble apparaître sous certaines versions d'Internet Explorer sur des éléments qui n'ont aucun arrière-plan (ndr :ou 'background' en anglais) de défini.
L'effet est testable ci après dans un exemple concret d'utilisation (ndr : il est à noter que cet effet ressemble assez fortement à l'effet dit "Core"
Effect.Opacity ).
Exemple d'utilisation simple de Effect.Appear
Vous pouvez prendre connaissance d'un exemple simple d'intégration de Effect.Appear.
L'exemple est testable ci après :
Sélectionner le champ pour l'effet :
Durée de l'effet :
Opacité de départ :
Opacité finale :
Comme dans l'exemple présentant l'effect "Core" Effect.Opacity , une fonction javascript a été écrite afin de simplifier l'expression de l'effet que l'on souhaite appliquer.
Le code HTML du bouton est repris ci après :
Le code Javascript de la fonction est repris ci après :
Si la propriété CSS 'display' de l'élément précisé était valorisé à 'none' , l'élément DOM sera automatiquement affiché/montré.
!!! :: un bug semble apparaître sous certaines versions d'Internet Explorer sur des éléments qui n'ont aucun arrière-plan (ndr :ou 'background' en anglais) de défini.
L'effet est testable ci après dans un exemple concret d'utilisation (ndr : il est à noter que cet effet ressemble assez fortement à l'effet dit "Core" Effect.Opacity ).
Exemple d'utilisation simple de Effect.Appear
Vous pouvez prendre connaissance d'un exemple simple d'intégration de Effect.Appear.L'exemple est testable ci après :
Sélectionner le champ pour l'effet :
Durée de l'effet :
Opacité de départ :
Opacité finale :
Comme dans l'exemple présentant l'effect "Core" Effect.Opacity , une fonction javascript a été écrite afin de simplifier l'expression de l'effet que l'on souhaite appliquer.
Le code HTML du bouton est repris ci après :
Le code Javascript de la fonction est repris ci après :

:

