Class SS.control.slider

Slider control.
Defined in: SS.control.slider.js.

Class Summary
Constructor Attributes	Constructor Name and Description
	SS.control.slider()

Field Summary
Field Attributes	Field Name and Description
<private>	_ib Bar Id.
<private>	_ic Container Id.
<private>	_ip Pick Id.
<private>	_m Pointer to page events -> slider move function.
<private>	_s onmousescroll event reference.
<private>	_sc Enable the wheel on the mouse to move the scroll bar.
<private>	_st Pointer to page events -> slider stopped function.
<private>	_x Mouse pointer offset x onmousedown event.
<private>	_y Mouse pointer offset y onmousedown event.
	css Style sheet class applied to the slider.
	css_bar Style sheet class applied to the slider bar.
	css_pick Style sheet class applied to the pick inside the slider.
	id Identifier of the slider control.
	linkto Id of element that will hold the current selected slider value
	maxvalue Maximum value that the slider can select.
	minvalue Minimum value that the slider can select.
	onchange Function called or evaluated {String} whenever the slider has changed position.
	onclick Function called or evaluated {String} when the slider is clicked.
	orientation Direction of the slider bar.
	pickalign Override CSS width rule for the pick alignment.
	pickheight Override CSS width rule for the pick height.
	pickwidth Override CSS width rule for the pick width.
	value Selected Value.

Method Summary
Method Attributes	Method Name and Description
	mouseup(e) Handles the onmouseup event
	move(u, u) Handles movement of the pick.
	render() Renders the slider on the page.

Class Detail

SS.control.slider()

Field Detail

<private> _ib

Bar Id.

<private> _ic

Container Id.

<private> _ip

Pick Id.

<private> _m

Pointer to page events -> slider move function.

<private> _s

onmousescroll event reference.

<private> _sc

Enable the wheel on the mouse to move the scroll bar. Default = true.

<private> _st

Pointer to page events -> slider stopped function.

<private> _x

Mouse pointer offset x onmousedown event.

<private> _y

Mouse pointer offset y onmousedown event.

css

Style sheet class applied to the slider. Default = ""

css_bar

Style sheet class applied to the slider bar. Default = ""

css_pick

Style sheet class applied to the pick inside the slider. Default = ""

Identifier of the slider control.

linkto

Id of element that will hold the current selected slider value

maxvalue

Maximum value that the slider can select. Default = 100.

minvalue

Minimum value that the slider can select. Default = 0.

onchange

Function called or evaluated {String} whenever the slider has changed position.

onclick

Function called or evaluated {String} when the slider is clicked. This occurs after the onmousedown and onmouseup events.

orientation

Direction of the slider bar. Values : [horizontal|vertial]. Default = "horizontal".

pickalign

Override CSS width rule for the pick alignment. Default = "center".

pickheight

Override CSS width rule for the pick height. Minimum pick height = 8 px when pick height is set to auto. Default = "auto".

pickwidth

Override CSS width rule for the pick width. Minimum pick width = 8 px when pick width is set to auto. Default = "auto".

value

Selected Value. Default = 0.

Method Detail

mouseup(e)

Handles the onmouseup event

Parameters:
{Event} e: Event.

Returns:: null

move(u, u)

Handles movement of the pick.

Parameters:
{Boolean} u: Update flag. Ignores the event position co-ordindates when set to true.
u

Returns:: null

render()

Renders the slider on the page.

Returns:: null

Classes

Classes

Class SS.control.slider