====== 팝업화면 스타일 가이드 ======
팝업샘플 화면의 스타일화면이다.
===== 예시 =====
템플릿 위치: /HTML5/SCREEN/POPUP/popup_style_child
템플릿 파일
* [[xf5projecthome>template/screen/HTML5/SCREEN/POPUP/popup_style_child.xml|popup_style_child.xml]]
* [[xf5projecthome>template/screen/HTML5/SCREEN/POPUP/popup_style_child.js|popup_style_child.js]]
* [[xf5projecthome>template/template.html?xframe_screen_url=/HTML5/SCREEN/POPUP/popup_style_child|새창으로 실행]]
echo '';
echo '';
echo '';
==== 화면 스크립트 ====
/**
* 팝업 화면 로드 완료 이벤트
* factory.loadpopup, screen.loadportletpopup API로 지장한 화면 로드 완료 이벤트
*
* @param {Object} popup_screen 팝업 화면 오브젝트
* @param {string} popup_name 팝업 이름(loadpopup, loadportletpopup API에서 지정한 이름)
*/
function screen_on_popupload(popup_screen, popup_name)
{
factory.consoleprint("screen_on_popupload> Start");
factory.consoleprint("screen_on_popupload> popup_screen = " + popup_screen.getscreenurl());
factory.consoleprint("screen_on_popupload> popup_name = " + popup_name);
}
// "팝업 호출 버튼 이벤트"
function btn_modal_on_mouseup(objInst)
{
factory.loadpopupex("popup",
"/HTML5/SCREEN/POPUP/popup_style_screen",
"팝업 화면",
this.chk_Title.getcheck(),
this.cbo_Borderstyle.getselectedcode(),
this.fld_X.gettext(), this.fld_Y.gettext(),
this.fld_W.gettext(), this.fld_H.gettext(),
this.chk_Center.getcheck(),
this.chk_AutoPopupSize.getcheck(),
this.chk_Modal.getcheck(),
screen,
"extra_data",
this.chk_Local.getcheck(),
true,
this.chk_HideProtect.getcheck());
}
// "포틀릿 팝업 호출 버튼 이벤트"function btn_portlet_modal_on_mouseup(objInst)
{
screen.loadportletpopup("popup",
"/HTML5/SCREEN/POPUP/popup_style_screen",
"팝업 화면",
this.chk_Title.getcheck(),
this.cbo_Borderstyle.getselectedcode(),
this.fld_X.gettext(), this.fld_Y.gettext(),
this.fld_W.gettext(), this.fld_H.gettext(),
this.chk_Center.getcheck(),
this.chk_AutoPopupSize.getcheck(),
this.chk_Maximize.getcheck(),
"extra_data",
this.chk_Local.getcheck(),
true,
this.chk_HideProtect.getcheck());
}
//"Center" 체크박스 이벤트
function chk_Center_on_click(objInst)
{
var Center;
Center = this.chk_Center.getcheck();
factory.consoleprint("Center 체크 상태는 " + Center + "입니다.");
if(Center === false){
(this.fld_X.setenable(true)||this.fld_Y.setenable(true));
}else if(Center === true){
(this.fld_X.setenable(false)||this.fld_Y.setenable(false));
}
}
//"AutoPopupSize" 체크박스 이벤트
function chk_AutoPopupSize_on_click(objInst)
{
var AutoPopupSize;
AutoPopupSize = this.chk_AutoPopupSize.getcheck();
factory.consoleprint("AutoPopupSize 체크 상태는 " + AutoPopupSize + "입니다.");
if(AutoPopupSize === false){
(this.fld_W.setenable(true)||this.fld_H.setenable(true));
}else if(AutoPopupSize === true){
(this.fld_W.setenable(false)||this.fld_H.setenable(false));
}
}
//"chk_Maximize" 체크박스 이벤트
function chk_Maximize_on_click(objInst)
{
var Maximize;
Maximize = this.chk_Maximize.getcheck();
factory.consoleprint("Maximize 체크 상태는 " + Maximize + "입니다.");
if(Maximize === false){
(this.chk_Center.setcheck(true)||this.chk_AutoPopupSize.setcheck(true));
}else if(Maximize === true){
(this.chk_Center.setcheck(false)||this.chk_AutoPopupSize.setcheck(false));
}
}