glowPopUpPanel jQuery Plugin

Ben Tiedt — Tue, 19 Nov 2019 20:29:36 GMT

Current Revision posted to API Documentation by Ben Tiedt on 11/19/2019 20:29:36

Renders an animated display panel on top of the document

$('SELECTOR').glowPopUpPanel(options)

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

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

Returns whether the panel is currently visible

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

Returns whether the panel is currently opening

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

Shows the panel

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

Hides the panel

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

Empties the content of the panel

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

Sets new HTML to display in a panel

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

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

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

Removes a the the pop up panel's element

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

Returns all current children elements of the panel's content

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