Constructor
# new PlayButton(parent, x, y, playing, defaultHandler)
Constructor
Parameters:
| Name | Type | Description |
|---|---|---|
parent |
HTMLElement | The element to add this play button to. |
x |
number | The x position of the play button. Default 0. |
y |
number | The y position of the play button. Default 0. |
playing |
boolean | Whether the play button initially shows as playing. |
defaultHandler |
function | A function that will handle the "click" event. |
- Source:
Example
const panel = new Panel(document.body, 20, 20, 200, 200);
new PlayButton(panel, 20, 20, false, event => console.log("playing!"));Extends
Classes
Members
# (static) height
Default height of all Playbuttons.
- Source:
# (static) width
Default width of all PlayButtons.
- Source:
# enabled
Sets and gets whether or not this component is enabled. Non-enabled components will be faded out and not respond to events.
- Overrides:
- Source:
# height
Sets and gets the height of this component.
- Overrides:
- Source:
# playing
Gets and sets whether or not the button shows a pause icon (playing == true) or a play icon (playing == false).
- Source:
# width
Sets and gets the width of this component.
- Overrides:
- Source:
# x
Sets and gets the x position of this component.
- Overrides:
- Source:
# y
Sets and gets the y position of this component.
- Overrides:
- Source:
Methods
# addHandler(handler)
Adds a handler function for the "click" event on this button.
Parameters:
| Name | Type | Description |
|---|---|---|
handler |
function | A function that will handle the "click" event. |
- Source:
Returns:
This instance, suitable for chaining.
# bind(target, prop)
Automatically changes the value of a property on a target object with the main value of this component changes.
Parameters:
| Name | Type | Description |
|---|---|---|
target |
object | The target object to change. |
prop |
string | The string name of a property on the target object. |
- Source:
Returns:
This instance, suitable for chaining.
# getEnabled()
Gets whether the component is enabled.
- Overrides:
- Source:
Returns:
Whether or not the component is enabled.
# getHeight()
Gets the height of the component.
- Overrides:
- Source:
Returns:
The height of the component.
# getPlaying()
- Source:
Returns:
whether the button is indicating a playing state.
# getWidth()
Gets the width of the component.
- Overrides:
- Source:
Returns:
The width of the component.
# getX()
Gets the x position of the component.
- Overrides:
- Source:
Returns:
The x position of the component.
# getY()
Gets the y position of the component.
- Overrides:
- Source:
Returns:
The y position of the component.
# move(x, y)
Moves the component to a specified position.
Parameters:
| Name | Type | Description |
|---|---|---|
x |
number | The new x position of the component. |
y |
number | The new y position of the component. |
- Overrides:
- Source:
Returns:
This instance, suitable for chaining.
# rotate(rad)
Rotates the component.
Parameters:
| Name | Type | Description |
|---|---|---|
rad |
number | The number of radians to rotate the component by. |
- Overrides:
- Source:
Returns:
This instance, suitable for chaining.
# rotateDeg(deg)
Rotates the component.
Parameters:
| Name | Type | Description |
|---|---|---|
deg |
number | The number of degrees to rotate the component by. |
- Overrides:
- Source:
Returns:
This instance, suitable for chaining.
# setEnabled(enabled)
Sets the enabled state of this component.
Parameters:
| Name | Type | Description |
|---|---|---|
enabled |
boolean | Whether or not the component will be enabled. |
- Overrides:
- Source:
Returns:
This instance, suitable for chaining.
# setHeight(height)
Sets the height of this component.
Parameters:
| Name | Type | Description |
|---|---|---|
height |
number | The height of this component. |
- Overrides:
- Source:
Returns:
This instance, suitable for chaining.
# setPlaying(playing)
Sets whether or not the button shows a pause icon (playing == true) or a play icon (playing == false).
Parameters:
| Name | Type | Description |
|---|---|---|
playing |
boolean | Whether or not the button relects it is in a playing state. |
- Source:
Returns:
This instance, suitable for chaining.
# setSize(w, h)
Sizes the component.
Parameters:
| Name | Type | Description |
|---|---|---|
w |
number | The new width of the component. |
h |
number | The new height of the component. |
- Overrides:
- Source:
Returns:
This instance, suitable for chaining.
# setWidth(width)
Sets the width of this component.
Parameters:
| Name | Type | Description |
|---|---|---|
width |
number | The width of this component. |
- Overrides:
- Source:
Returns:
This instance, suitable for chaining.
# setX(x)
Sets the x position of this component.
Parameters:
| Name | Type | Description |
|---|---|---|
x |
number | The x position of this component. |
- Overrides:
- Source:
Returns:
This instance, suitable for chaining.
# setY(y)
Sets the y position of this component.
Parameters:
| Name | Type | Description |
|---|---|---|
y |
number | The y position of this component. |
- Overrides:
- Source:
Returns:
this instance, suitable for chaining.