• 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?

Shows a customizable, draggable and floating div where you can place other elements.

For an usage example check out the Meteora.Toolbox demo.

How to use it?

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.Toolbox');

You may then be able to invoke the Autocomplete Widget

new Toolbox(
  // ELEMENT
  // ID or object reference of the element you want to put inside.
  'element-id',
  // OPTIONS
  {
    'autoClose': true,
    'autoMove': false,
    'enableDrag': true
  }
);

Options

autoClose

If true, closes the toolbox when the user clicks outside it.

autoMove

If true, the toolbox changes position according where the mouse click was expecting the best visibility.

enableDrag

If true, allows the toolbox to be draggable.

Methods

hide()

Hides the toolbox.

show()

Shows a hidden toolbox.

close()

Destroys the toolbox and all it's associated events.

setContent(element)

Replaces toolbox's inner content.

moveTo(left, top)

Moves toolbox to the specified coordinates given in pixels.

isHidden()

Returns true if the toolbox is currently hidden.

Copyright © 2007-2009 Astrata Software.