guide:component:togglebutton:toggle_toggletype [xFrame5 TechNet]

이 문서는 읽기 전용입니다. 원본을 볼 수는 있지만 바꿀 수는 없습니다. 문제가 있다고 생각하면 관리자에게 문의하세요.

====== 토글버튼 가이드 ======

토글버튼 컴포넌트의 유형별 샘플 화면이다.

animate_duration 속성을 이용하여 동작시 애니메이션 시간을 지정한다.

box_shadow_effect 속성을 이용하여 포커스시 그림자 효과 적용 여부 설정이 가능하다. (각 유형 컴포넌트의 오른쪽 예시)

on_value/off_value 속성값을 기준으로하여 gettext/settext API를 통해 값을 구하거나 설정한다.

관련 속성으로 animate_duration, box_shadow_effect, toggle_type, handle_on_position, default_state, on_value, off_value가 있다.

관련 API로 setanimateduration, getboxshadoweffecttype, setboxshadoweffecttype, gettoggletype, settoggletype, getposition, setposition, getstate, setstate가 있다.

===== 예시 =====

템플릿 위치: /HTML5/COMPONENT/TOGGLEBUTTON/toggle_toggletype

템플릿 파일
  * [[xf5projecthome>template/screen/HTML5/COMPONENT/TOGGLEBUTTON/toggle_toggletype.xml|toggle_toggletype.xml]]
  * [[xf5projecthome>template/screen/HTML5/COMPONENT/TOGGLEBUTTON/toggle_toggletype.js|toggle_toggletype.js]]
  * [[xf5projecthome>template/template.html?xframe_screen_url=/HTML5/COMPONENT/TOGGLEBUTTON/toggle_toggletype|새창으로 실행]]

<php>
echo '<html>';
echo '<iframe src="';
echo $conf['plugin']['xf5']['xf5projecthome'], 'template/template.html?';
echo 'xframe_screen_url=/HTML5/COMPONENT/TOGGLEBUTTON/toggle_toggletype"';
echo ' class="_xf5_iframe"';
echo ' style="';
echo $conf['plugin']['xf5']['xf5iframestyle'];
echo '">';
echo '</iframe>';
echo '</html>';
</php>

==== 화면 스크립트 ====

<sxh javascript>
function screen_on_load()
{

}
</sxh>