팝업화면 스타일 가이드

팝업샘플 화면의 스타일화면이다.

템플릿 위치: /HTML5/SCREEN/POPUP/popup_style_child

템플릿 파일

• popup_style_child.xml
• popup_style_child.js
• 새창으로 실행

/**
 * 팝업 화면 로드 완료 이벤트
 * 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));
	}
}