glowPopUpPanel jQuery Plugin

jQuery.fn.glowPopUpPanel

Renders an animated display panel on top of the document

Usage

$('SELECTOR').glowPopUpPanel(options)

where 'SELECTOR' is a div element containing content to display as a pop up panel

Options

• cssClass: string class name to apply to the pop panel
  • default: empty string
• position: position to open the panel. any combination of left, right, up, down, center
  • default: updown
• zIndex: z-index at which to render the panel
  • default: 100
• hideOnDocumentClick: boolean value of whether to hide the panel when the document is clicked
  • default: true
• focusOnOpen: boolean value of whether to focus the contents of the pop-up when it opens. If null, the pop-up will focus only when the currently focused element is not a text input.
  • default: null

Events

• glowPopUpPanelShown - triggered when a panel is shown
• glowPopUpPanelHidden - triggered when a panel is hidden
• glowPopUpPanelMouseOver - triggered when a panel is moused over
• glowPopUpPanelMouseOut - triggered when a panel is moused out
• glowPopUpPanelShowing - triggered when a panel is starting to be shown
• glowPopUpPanelHiding - triggered when a panel is starting to be hidden

Methods

isShown

Returns whether the panel is currently visible

var isShown = $('SELECTOR').glowPopUpPanel('isShown');

isOpening

Returns whether the panel is currently opening

var isOpening = $('SELECTOR').glowPopUpPanel('isOpening');

show

Shows the panel

$('SELECTOR').glowPopUpPanel('show');

hide

Hides the panel

$('SELECTOR').glowPopUpPanel('hide');

empty

Empties the content of the panel

$('SELECTOR').glowPopUpPanel('empty');

html

Sets new HTML to display in a panel

$('SELECTOR').glowPopUpPanel('html', '<strong>HTML Content</strong>');

append

Appends new content to existing content in the panel where content is a string, element, or selection

$('SELECTOR').glowPopUpPanel('append', '<strong>HTML Content</strong>');

remove

Removes a the the pop up panel's element

$('SELECTOR').glowPopUpPanel('remove', element);

children

Returns all current children elements of the panel's content

var children = $('SELECTOR').glowPopUpPanel('children');