top

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);


Methods

blur

Description
This function removes focus from the slider.
Parameters
none
Return■Object
  - jQuery object
Emulator SupportN
SDK ConstraintNone
Example
$("#slider0").sfSlider('blur');

focus

Description
This function focus to the slider.
Parameters
none
Return■Object
  - jQuery object
Emulator SupportN
SDK ConstraintNone
Example
$("#slider0").sfSlider('focus');

getMax

Description
This function sets maximum value of the slider.
Parameters
none
Return■Number
  - Maximum value of the slider
Emulator SupportN
SDK ConstraintNone
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 SupportN
SDK ConstraintNone
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 SupportN
SDK ConstraintNone
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 SupportN
SDK ConstraintNone
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 SupportN
SDK ConstraintNone
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 SupportN
SDK ConstraintNone
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 SupportN
SDK ConstraintNone
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 SupportN
SDK ConstraintNone
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 SupportN
SDK ConstraintNone
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 SupportN
SDK ConstraintNone
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 SupportN
SDK ConstraintNone
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 SupportN
SDK ConstraintNone
Example
$("#slider0").sfSlider('showTooltip', !$("#slider0").sfSlider('getTooltipVisible'));