• download
  • documentation
  • forums
  • demo
  • contact
  • blog

meteora

javascript widgets

Documentation

  • Autocomplete
  • Bubble
  • Calendar
  • Carousel
  • Datagrid
  • Dialog
  • Editor
  • Effect
  • Filebrowser
  • Form
  • Jsonrpc
  • Menu
  • Notebook
  • Picbox
  • Popup
  • Searchlist
  • Selection
  • Spinbutton
  • Tablesort
  • Toolbox
  • Treeview

What does this control do?

Displays visual effects that enhace user experience.

For an usage example check out our Meteora.Effect demo.

How to use

In order to be able to use this control, paste this line of javascript right at the beginning of your script tag:

Meteora.uses('Meteora.Effect');

Here's a little example:

// Will make appear an object after fading it
Effect.fade(
  'object-id',
  {
    'onComplete': function(el) {
      Effect.appear(el);
    }
  }
);

Note that the new keyword is not necessary since all methods are static.

Methods

Effect.fade(object_id, { options })

Effect.appear(object_id, { options })

Effect.slideOut(object_id, { options })

Effect.slideIn(object_id, { options })

Effect.width(object_id, width, { options })

Effect.height(object_id, height, { options })

Effect.resizeTo(object_id, width, height, { options })

Effect.pulsate(object_id, { options })

Effect.highlight(object_id, { options })

Effect.puff(object_id, { options })

Effect.shake(object_id, { options })

Effect.dropobject_id, { options })

Effect.expand(object_id, { options })

Options

Options are the same you would pass to Mootool's Fx Class.

Copyright © 2007-2009 Astrata Software.