SFSLIDER
** This class will not be supported in 2015.
All functionalities of sfSlider class are more improved, integrating with CAPH. Therefore sfSlider class is not supported since 2015 Smart TV. To use functions of sfSlider class, refer to here.
This is the class for Slider UI components.
Add the following line for sfSlider class into a html file your own : <script type="text/javascript" src="$MANAGER_WIDGET/Common/af/2.0.0/loader.js"></script> |
You can declare sfSlider class like this : ex) $('#div ID').sfSlider('method Name', parm1, parm2); |
Contents
Methods
blur | ||
| Description | ||
| This function removes focus from the slider. | ||
| Parameters | none | |
| Return | ■Object - jQuery object | |
| Emulator Support | N | |
| SDK Constraint | None | |
| Example | ||
| $("#slider0").sfSlider('blur'); | ||
focus | ||
| Description | ||
| This function focus to the slider. | ||
| Parameters | none | |
| Return | ■Object - jQuery object | |
| Emulator Support | N | |
| SDK Constraint | None | |
| Example | ||
| $("#slider0").sfSlider('focus'); | ||
getMax | ||
| Description | ||
| This function sets maximum value of the slider. | ||
| Parameters | none | |
| Return | ■Number - Maximum value of the slider | |
| Emulator Support | N | |
| SDK Constraint | None | |
| Example | ||
| $("#slider0").sfSlider('getMax'); | ||
getProgressVisible | ||
| Description | ||
| This function returns the progress bar of slider is visible or not. | ||
| Parameters | none | |
| Return | ■Boolean - true : progress bar is visible - false : progress bar is not visible | |
| Emulator Support | N | |
| SDK Constraint | None | |
| Example | ||
| $("#slider0").sfSlider('showProgress', !$("#slider0").sfSlider('getProgressVisible')); | ||
getTooltipVisible | ||
| Description | ||
| This function returns the Tooltip of slider is visible or not. | ||
| Parameters | none | |
| Return | ■Boolean - true : tooltip is visible - false : tooltip is not visible | |
| Emulator Support | N | |
| SDK Constraint | None | |
| Example | ||
| $("#slider0").sfSlider('showTooltip', !$("#slider0").sfSlider('getTooltipVisible')); | ||
getValue | ||
| Description | ||
| This function gets the value of slider. | ||
| Parameters | none | |
| Return | ■Number - The value of slider | |
| Emulator Support | N | |
| SDK Constraint | None | |
| Example | ||
| var value = $("#slider0").sfSlider('getValue'); | ||
isReverse | ||
| Description | ||
| This function gets the slider is reversed or not. | ||
| Parameters | none | |
| Return | ■Boolean - true : the slider is reversed - false : the slider is not reversed | |
| Emulator Support | N | |
| SDK Constraint | None | |
| Example | ||
| var bReversed = $("#slider0").sfSlider('isReverse'); | ||
isVertical | ||
| Description | ||
| This function returns orients of the slider (vertical or not). | ||
| Parameters | none | |
| Return | ■Boolean - true : vertical - false : not vertical | |
| Emulator Support | N | |
| SDK Constraint | None | |
| Example | ||
| var bVertical = $("#slider0").sfSlider('isVertical'); | ||
setMax | ||
| Description | ||
| This function sets maximum value of the slider. | ||
| Parameters | ■value - Number - maximum value of the slider. | |
| Return | ■Object - jQuery object | |
| Emulator Support | N | |
| SDK Constraint | None | |
| Example | ||
| $('#scroll1').sfScroll('setMax', 100); | ||
setReverse | ||
| Description | ||
| This function sets whether reverse the slider or not. For horizontal slider, value increased to right side if it is not reversed. For vertical slider, value increased to down side if it is not reversed. | ||
| Parameters | ■reverse - Boolean - Reverse the slider or not. | |
| Return | ■Object - jQuery object | |
| Emulator Support | N | |
| SDK Constraint | None | |
| Example | ||
| $("#slider0").sfSlider('setReverse', !$("#slider0").sfSlider('isReverse')); | ||
setValue | ||
| Description | ||
| This function sets value of the slider | ||
| Parameters | ■value - Number - Value of the slider. | |
| Return | ■Object - jQuery object | |
| Emulator Support | N | |
| SDK Constraint | None | |
| Example | ||
| $("#popup_slider"+this.options.settingindex+" .popup_sliderbar").sfSlider('setValue', value+10); | ||
setVertical | ||
| Description | ||
| This function changes orients of the slider (vertical or horizontal). | ||
| Parameters | ■vertical - Boolean - true: Vertical slider, false: Horizontal slider | |
| Return | ■Object - jQuery object | |
| Emulator Support | N | |
| SDK Constraint | None | |
| Example | ||
| $("#slider0").sfSlider('setVertical', !$("#slider0").sfSlider('isVertical')); | ||
showProgress | ||
| Description | ||
| This function shows or hides progress bar indicating current value of the slider. | ||
| Parameters | ■show - Boolean - Shows progress bar or not. | |
| Return | ■Object - jQuery object | |
| Emulator Support | N | |
| SDK Constraint | None | |
| Example | ||
| $("#slider0").sfSlider('showProgress', !$("#slider0").sfSlider('getProgressVisible')); | ||
showTooltip | ||
| Description | ||
| This function shows or hides tooltip showing current value of a slider. Tooltip of a horizontal slider is shown on up side of a thumb, and tooltip of a vertical slider is shown on right side of a thumb. | ||
| Parameters | ■show - Boolean - Shows tooltip or not. | |
| Return | ■Object - jQuery object | |
| Emulator Support | N | |
| SDK Constraint | None | |
| Example | ||
| $("#slider0").sfSlider('showTooltip', !$("#slider0").sfSlider('getTooltipVisible')); | ||