Index
$#! · 0-9 · A · B · C · D · E · F · G · H · I · J · K · L · M · N · O · P · Q · R · S · T · U · V · W · X · Y · Z
$#!
 {Array}al, Jx. Button
 {Array}buttons, Jx. Button. Multi
 {Array}ccl
 {Array}colorPanel, Jx. Button. Color
 {Array}hexColors, Jx. ColorPanel
 {Array}pcl, Jx. Action
 {Array}uniqueIdRefs, Jx. UniqueId
 {Boolean}COMBINED_CSS, Jx
 {Boolean}enabled
 {Float}alpha, Jx. ColorPanel
 {HTMLElement}domObj, Jx. ColorPanel
 {HTMLElement}swatch, Jx. Button. Color
 {HTMLElement}ul, Jx. Button. Picker
 {Integer}alpha, Jx. Button. Color
 {Object}domObj, Jx. Button
 {Object}importRules, Jx
 {String}baseURL, Jx
 {String}color, Jx. Button. Color
A
 actionPerformed, Jx. Action
 add
 addActionListener, Jx. Button
 addColorChangeListener
 addListener, Jx. Listener
 addPropertyChangeListener, Jx. Action
 addStyleSheet, Jx
 alphaChanged, Jx. ColorPanel
 applyPNGFilter, Jx
B
 bContentLoaded, Jx. ContentLoader
 bindTo, Jx. Action
 Button>}activeButton, Jx. Button. Multi.{<Jx
C
 clickHandler, Jx. Button. Picker
 colorChanged
 contentLoaded, Jx. ContentLoader
 contentLoadFailed, Jx. ContentLoader
D
 deregisterIds, Jx. UniqueId
E
 Element
F
 Functions
G
 getBorderBoxSize, Element
 getBorderSize, Element
 getContentBoxSize, Element
 getInsideWindowHeight, Element
 getInsideWindowWidth, Element
 getMarginSize, Element
 getNumber, Element
 getObj, Jx. UniqueId
 getPaddingSize, Element
 getPageDimensions, Element
H
 hide
I
 initialize
 initUniqueId, Jx. UniqueId
 isEnabled, Jx. Action
J
 Jx
 Jx. Action
 Jx. Button
 Jx. Button. Color
 Jx. Button. Flyout
 Jx. Button. Multi
 Jx. Button. Picker
 Jx. ColorPanel
 Jx. ContentLoader
 Jx. Listener
 Jx. Toolbar
 Jx. UniqueId
K
 keypressHandler, Jx. ColorPanel
L
 loadContent, Jx. ContentLoader
O
 onclick, Jx. Button
P
 processEvent, Jx. Listener
 Properties
 propertyChanged, Jx. Button
R
 registerIds, Jx. UniqueId
 removeActionListener, Jx. Button
 removeColorChangeListener
 removeListener, Jx. Listener
 removePropertyChangeListener, Jx. Action
an array of action listeners that are attached to the button.
an array of all available buttons
color change property listeners
color change property listeners
By declaring this property as an array in the prototype, the array is used for all instances making it a Class property.
an array of valid hex values that are used to build a web-safe palette
an array of property change listeners attached to this action
an array of references obtained from by registering ids
controls whether Jx uses a single, combined CSS file or individual ones.
whether the action (and its associated interface object) is currently enabled or not.
whether the button is enabled or not.
the current alpha value, between 0 (transparent) and 1 (opaque)
the HTML element representing the color panel
a div used to represent the current colour in the button.
the UL element that contains the items to pick from
the current alpha of this button.
the HTML element that is inserted into the DOM for this button
an object containing a list of CSS files to be included to make the loaded Jx components function correctly
This is the URL that Jx was loaded from, it is automatically calculated from the script tag src property that included Jx.
the current colour of this button in hex.
actionPerformed : function(obj)
placeholder function to conform to the ActionListener interface.
add: function()
adds one or more buttons to the Multi button.
add: function()
adds one or more items to the picker, passed as separate arguments.
addActionListener: function(obj)
add an action listener to the button
addColorChangeListener: function(obj)
add a colour change listener, an object that has a colorChanged function.
addColorChangeListener: function(obj)
add a colour change listener, an object that has a colorChanged function.
addListener: function (list,
obj)
add a listener to the provided list.
addPropertyChangeListener: function(obj)
add a property change listener to this action.
Jx.addStyleSheet = function(styleSheet,
ieOnly)
Individual components of Jx call this function to get their style sheets imported at run time.
alphaChanged: function()
handle the user entering a new alpha value manually by updating the selected alpha if the entered value is valid alpha (0-100).
Jx.applyPNGFilter = function(o)
Static method that applies the PNG Filter Hack for IE browsers when showing 24bit PNG’s.
tracks the load state of the content, specifically useful in the case of remote content.
bindTo : function(item)
convenience function to bind an item to this action.
the currently selected button
clickHandler: function(e)
handle the user selecting an item in the list
colorChanged: function(panel)
colorChangeListener callback function when the user changes the colour in the panel (just update the preview).
colorChanged: function()
handle the user entering a new colour value manually by updating the selected colour if the entered value is valid HEX.
contentLoaded: function(element,
options,
r)
callback function that handles remote content
contentLoadFailed: function(options,
r)
callback function that handles failure to load remote content
deregisterIds: function()
removes all registered ids
Element is a global object provided by the prototype.js library.
getBorderBoxSize: function(elem)
return the size of the border area of an element.
getBorderSize : function(elem)
returns the border size for each edge of an element
getContentBoxSize : function(elem)
return the size of the content area of an element.
getInsideWindowHeight: function()
returns the height of the browser client area
getInsideWindowWidth: function()
returns the width of the browser client area
getMarginSize : function(elem)
returns the margin size for each edge of an element
getNumber: function(n)
safely parse a number and return its integer value.
getObj: function(id)
return an object by id if it was previously registered
getPaddingSize : function (elem)
returns the padding for each edge of an element
getPageDimensions: function()
return the dimensions of the browser client area.
hide: function()
hide the colour panel
hide: function()
hide the panel
initialize: function(f)
construct a new instance of Jx.Action that invokes a function when activated
initialize : function(action,
options)
create a new button.
initialize: function(options)
initialize a new colour button.
initialize: function(options)
construct a new instance of a flyout button.
initialize: function(options)
construct a new instance of Jx.Button.Multi.
initialize: function()
construct a new instance of Jx.Button.Picker
initialize: function(options)
initialize a new instance of Jx.ColorPicker
initUniqueId: function()
initialize the UniqueId object.
isEnabled: function()
return whether the action is currently enabled or not.
Jx is a global singleton object that contains the entire Jx library within it.
Jx.Action is a utility class that provides a mechanism to separate the user interface code from the implementation code for a particular piece of functionality.
Jx.Button creates a clickable element in the application that is hooked to an instance of Jx.Action.
A Jx.ColorPanel wrapped up in a Jx.Button.
Flyout buttons expose a panel when the user clicks the button.
Multi buttons are used to contain multiple buttons in a drop down list where only one button is actually visible and clickable in the interface.
A Picker button allows the user to choose an item from a list of items.
A Jx.ColorPanel presents a user interface for selecting colors.
ContentLoader is a mix-in class that provides a consistent mechanism for other Jx controls to load content in one of four different ways:
Jx.Listener is a mix-in class that performs common listener functions for objects that support listeners.
A toolbar is a container object that contains other objects such as buttons.
Jx.UniqueId is used to assign unique ids to selected elements This is used to solve a problem where multiple external html fragments are loaded into the DOM via ajax at runtime.
keypressHandler: function(e)
handle the user pressing a key.
loadContent: function(element,
options)
triggers loading of content based on parameters passed in the options parameter.
onclick : function()
triggered when the user clicks the button, processes the actionPerformed event
processEvent: function(list,
fnName,
obj)
call each listener with a given method and event.
propertyChanged: function(obj)
implements the PropertyChangeListener interface for handling the enabled state changing on the action associated with this button
registerIds: function (aIds,
domObj)
searches the domObj for each of the ids passed in and obtains a unique reference to them so that subsequent calls to getObj will return the right object.
removeActionListener : function(obj)
remove an action listener from the button
removeColorChangeListener: function(obj)
remove a previously added colour change listener
removeColorChangeListener: function(obj)
remove a previously added colour change listener
removeListener: function(list,
obj)
remove a listener from the provided list.
removePropertyChangeListener: function(obj)
remove a property change listener from this action.