Places

 

  • Download
  • Documentation
  • Forums
  • Demo
  • Contact
  • Blog
  • My account

Meteora

Javascript Widgets

Controls

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

Features

  • JsonRpc Core

Effects

  • Visual effects

Control.Bubble

Before proceeding you may want to read our getting started page.

What does this control do?

Shows an unobtrusive bubble that can be used to show an idea, a link or an error message. You can attach bubbles to elements, such as form inputs.

For an usage example check out the Control.Bubble demo.

How to use it

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

Meteora.uses('Control.Bubble');

You may then be able to invoke the Bubble this way:

new Bubble(

  // ELEMENT
  // This is the element you want to associate with the bubble,
  // it can be an element's ID or even a HTML object reference.
  'attach-to',
 
  // CONTENT
  // This is the element you want to put inside the bubble,
  // it can be an element's ID or even a HTML object reference.
  'content-id',

  // OPTIONS
  {
    'showEvent': 'mouseover',
    'hideEvent': 'mouseout'
  }

);

Options

showEvent

Name of the event that will trigger the bubble's visibility on.

hideEvent

Name of the event that will trigger the bubble's visibility off.

destroyEvent

Name of the event that will destroy the bubble when performed on the element.

width

Width of the bubble (px).

height

Height of the bubble (px).

Methods

hide()

Hides the bubble.

show()

Shows the bubble.

red()

Shows the bubble with a red distinctive color.

blue()

Shows the bubble with a blue distinctive color.

yellow()

Shows the bubble with a yellow distinctive color.

resizeTo(x, y)

Changes the width (x) and height (y) of the bubble.

Powered by textmotion

(c) 2008 Astrata Software