//##############################################################################
//# 프로그램ID : base.js
//# 페이지설명 : 모든 사이트 공통 스크립트
//# 최초작성자 : 김왕기
//# 최초작성일 : 2007.10.05
//# 최종수정자 : 김왕기
//# 최종수정일 : 2008.01.26
//#
//#
//# 검증 관련
//# ------------> jsIsIE() ===> 브라우저 CHECK
//# ------------> jsIsObject(i_ele) ===> 오브젝트 CHECK
//# ------------> jsIsForm(i_ele) ===> 입력폼 CHECK
//# ------------> jsIsEmpty(i_str) ===> 공백문자열 CHECK
//# ------------> jsIsDigit(i_str) ===> 숫자 CHECK
//# ------------> jsIsEnglish(i_str) ===> 영어 CHECK
//# ------------> jsIsHangeul(i_str) ===> 한글 CHECK
//#
//#
//# 문자열처리 관련
//# ------------> jsTrim(i_str) ===> 좌우공백 제거
//# ------------> jsParseProperty(i_strProp, i_strToken) ===> 프로퍼티 파싱
//#
//#
//# 엘리먼트 관련
//# ------------> jsTrimElement(i_str) ===> 엘리먼트 값 좌우공백 제거
//# ------------> jsTrimTextElements(i_frm) ===> 모든 TEXT(TEXTAREA) 엘리먼트 값 좌우공백 제거
//# ------------> jsGetElementsByClass(i_strCls, i_strTag, i_strPid) ===> 클래스 이름으로 엘리먼트 검색
//# ------------> jsIgnoreWhiteSpace(i_ele) ===> 빈 텍스트노드 제거
//# ------------> jsGetPositionX(i_ele) ===> BODY를 기준으로 엘리먼트의 X좌표 계산
//# ------------> jsGetPositionY(i_ele) ===> BODY를 기준으로 엘리먼트의 Y좌표 계산
//# ------------> jsOrderElementPrev(i_ele) ===> 이전 순서로 이동
//# ------------> jsOrderElementNext(i_ele) ===> 다음 순서로 이동
//#
//#
//# 컨텐츠 관련
//# ------------> jsPopup(i_url, i_name, i_str) ===> 팝업
//# ------------> jsInsertFlash(i_url, i_str) ===> 플래시 삽입
//# ------------> jsCreateLayer(i_id, i_src, i_is_file) ===> 레이어 생성
//#
//#
//# 이벤트 관련
//# ------------> jsAttachEvent(i_event_nm, i_func) ===> 윈도우 이벤트 추가
//#
//#
//# AJAX 관련
//# ------------> jsCreateXMLHTTP() ===> XMLHTTP 객체 생성
//# ------------> jsGetSource(i_url) ===> 파일 내용 추출
//# ------------> jsInclude(i_url, i_id) ===> 파일 인클루드
//##############################################################################
//==============================================================================
// 정규식 정의
//==============================================================================
var JS_CONST_REGEXP_DIGIT = /^[0-9]+$/;
var JS_CONST_REGEXP_ENGLISH = /^[a-zA-Z]+$/;
var JS_CONST_REGEXP_HANGEUL = /^[ㄱ-ㅎ가-힣]+$/;
var JS_CONST_REGEXP_TRIM = /(^[\s]*)|([\s]*$)/g;
//==============================================================================
// 검증 관련
//==============================================================================
//--------------------------------------------------------------------------
// 브라우저 CHECK
//--------------------------------------------------------------------------
/***
* @function
* jsIsIE()
* @return
* 브라우저가 IE인지의 논리값
* @description
* 불완전... 나중에 로직 추가...
*/
function jsIsIE() {
return (navigator.userAgent.toUpperCase().indexOf("MSIE") != -1);
}
//--------------------------------------------------------------------------
// 오브젝트 CHECK
//--------------------------------------------------------------------------
/***
* @function
* jsIsObject(i_ele)
* @param
* i_obj 엘리먼트
* @return
* 오브젝트인지의 논리값
*/
function jsIsObject(i_ele) {
return (i_ele != null) && (typeof(i_ele) == "object");
}
//--------------------------------------------------------------------------
// 입력폼 CHECK
//--------------------------------------------------------------------------
/***
* @function
* jsIsForm(i_ele)
* @param
* i_ele 엘리먼트
* @return
* 입력폼인지의 논리값
*/
function jsIsForm(i_ele) {
return (i_ele != null) && (typeof(i_ele) == "object") && (i_ele.value != undefined);
}
//--------------------------------------------------------------------------
// 공백문자열 CHECK
//--------------------------------------------------------------------------
/***
* @function
* jsIsEmpty(i_str)
* @param
* i_str 문자열
* @return
* 공백문자열인지의 논리값
*/
function jsIsEmpty(i_str) {
return (i_str == null) || (i_str.replace(JS_CONST_REGEXP_TRIM, "").length == 0);
}
//--------------------------------------------------------------------------
// 숫자 CHECK
//--------------------------------------------------------------------------
/***
* @function
* jsIsDigit(i_str)
* @param
* i_str 문자열
* @return
* 숫자인지의 논리값
*/
function jsIsDigit(i_str) {
return (i_str != null) && (JS_CONST_REGEXP_DIGIT.test(i_str));
}
//--------------------------------------------------------------------------
// 영어 CHECK
//--------------------------------------------------------------------------
/***
* @function
* jsIsEnglish(i_str)
* @param
* i_str 문자열
* @return
* 영어인지의 논리값
*/
function jsIsEnglish(i_str) {
return (i_str != null) && (JS_CONST_REGEXP_ENGLISH.test(i_str));
}
//--------------------------------------------------------------------------
// 한글 CHECK
//--------------------------------------------------------------------------
/***
* @function
* jsIsHangeul(i_str)
* @param
* i_str 문자열
* @return
* 한글인지의 논리값
*/
function jsIsHangeul(i_str) {
return (i_str != null) && (JS_CONST_REGEXP_HANGEUL.test(i_str));
}
//==============================================================================
// 문자열처리 관련
//==============================================================================
//--------------------------------------------------------------------------
// 좌우공백 제거
//--------------------------------------------------------------------------
/***
* @function
* jsTrim(i_str)
* @param
* i_str 문자열
* @return
* 좌우공백이 제거된 문자열
*/
function jsTrim(i_str) {
if (i_str == null) return null;
return i_str.replace(JS_CONST_REGEXP_TRIM, "");
}
//--------------------------------------------------------------------------
// 프로퍼티 파싱
//--------------------------------------------------------------------------
/***
* @function
* jsParseProperty(i_strProp, i_strToken)
* @param
* i_strProp 프로퍼티형식 문자열
* i_strToken 구분자
* @return
* 키와 값으로 이루어진 다차원 배열변수
* @description
* i_strProp의 형식은 "key=value"와 같이 작성하며 i_strToken은 ","가 디폴트
*
* ex) test = jsParseProperty("width=100&height=200&top=50", "&")
* test.get("width") ==> 100
* test.get("height") ==> 200
* test.get("top") ==> 50
*/
function jsParseProperty(i_strProp, i_strToken) {
var aryList = new Array();
if (jsIsEmpty(i_strProp) == false) {
var aryProps = i_strProp.replace(/[\s]/g, "").split(i_strToken != null ? i_strToken : ",");
var intCnt = 0;
for (var intI=0; intI < aryProps.length; intI++) {
if (aryProps[intI].indexOf("=") != -1) {
var aryItem = aryProps[intI].split("=");
if (aryItem[0].length > 0) {
aryList[intCnt] = new Array(aryItem[0], aryItem[1]);
intCnt++;
}
}
}
}
aryList.get = function(i_strKey, i_strDef) {
for (var intI=0; intI < this.length; intI++) {
if (this[intI][0] == i_strKey) {
return this[intI][1];
}
}
return i_strDef;
}
return aryList;
}
//==============================================================================
// 엘리먼트 관련
//==============================================================================
//--------------------------------------------------------------------------
// 엘리먼트 값 좌우공백 제거
//--------------------------------------------------------------------------
/***
* @function
* jsTrimElement(i_ele)
* @param
* i_ele 엘리먼트
* @return
* 좌우공백이 제거된 엘리먼트의 값
*/
function jsTrimElement(i_ele) {
i_ele.value = i_ele.value.replace(JS_CONST_REGEXP_TRIM,"");
return i_ele.value;
}
//--------------------------------------------------------------------------
// 모든 TEXT(TEXTAREA) 엘리먼트 값 좌우공백 제거
//--------------------------------------------------------------------------
/***
* @function
* jsTrimTextElements(i_frm)
* @param
* i_frm 엘리먼트 부모 폼
*/
function jsTrimTextElements(i_frm) {
for (var i=0; i < i_frm.elements.length; i++) {
if ((i_frm.elements[i].type == "text") || (i_frm.elements[i].type == "textarea")) {
jsTrimElement(i_frm.elements[i]);
}
}
}
//--------------------------------------------------------------------------
// 클래스 이름으로 엘리먼트 검색
//--------------------------------------------------------------------------
/***
* @function
* jsGetElementsByClass(i_strCls, i_strTag, i_strPid)
* @param
* i_strCls 클래스 이름
* i_strTag 태그 이름
* i_strPid 부모 id
* @return
* 검색된 엘리먼트가 저장된 배열변수
*/
function jsGetElementsByClass(i_strCls, i_strTag, i_strPid) {
var aryResult = new Array();
var eleParent = document.getElementById(i_strPid);
var aryEles = (eleParent != null ? eleParent : document).getElementsByTagName(i_strTag != null ? i_strTag : "*");
var intCnt = 0;
for (var intI=0; intI < aryEles.length; intI++) {
if (aryEles[intI].className.match(i_strCls)) {
aryResult[intCnt] = aryEles[intI];
intCnt++;
}
}
return aryResult;
}
//--------------------------------------------------------------------------
// 빈 텍스트노드 제거
//--------------------------------------------------------------------------
/***
* @function
* jsIgnoreWhiteSpace(i_ele)
* @used
* jsIsEmpty(i_str)
* @param
* i_ele 엘리먼트
*/
function jsIgnoreWhiteSpace(i_ele) {
if (i_ele == null) return;
for (var intI=0; intI < i_ele.childNodes.length; intI++) {
var objNode = i_ele.childNodes[intI];
if ((objNode.nodeType == 3) && (jsIsEmpty(objNode.nodeValue) == true)) {
i_ele.removeChild(objNode);
intI--;
}
else {
jsIgnoreWhiteSpace(objNode);
}
}
}
//--------------------------------------------------------------------------
// BODY를 기준으로 엘리먼트의 X좌표 계산
//--------------------------------------------------------------------------
/***
* @function
* jsGetPositionX(i_ele)
* @param
* i_ele 엘리먼트
* @return
* 엘리먼트의 X좌표
*/
function jsGetPositionX(i_ele) {
var intX = 0;
do {
intX += i_ele.offsetLeft;
i_ele = i_ele.offsetParent;
}
while (i_ele != document.body);
return intX;
}
//--------------------------------------------------------------------------
// BODY를 기준으로 엘리먼트의 Y좌표 계산
//--------------------------------------------------------------------------
/***
* @function
* jsGetPositionY(i_ele)
* @param
* i_ele 엘리먼트
* @return
* 엘리먼트의 Y좌표
*/
function jsGetPositionY(i_ele) {
var intY = 0;
do {
intY += i_ele.offsetTop;
i_ele = i_ele.offsetParent;
}
while (i_ele != document.body);
return intY;
}
//--------------------------------------------------------------------------
// 이전 순서로 이동
//--------------------------------------------------------------------------
/***
* @function
* jsOrderElementPrev(i_ele)
* @used
* jsIsObject(i_ele)
* @param
* i_ele 엘리먼트
* @description
* 부모엘리먼트가 같은 엘리먼트간의 순서 조정
*/
function jsOrderElementPrev(i_ele) {
if (jsIsObject(i_ele) == false) return;
var eleParent = i_ele.parentNode;
var elePrev = i_ele.previousSibling;
while (elePrev != null) {
if ((elePrev.disabled == false) && (elePrev.style.display != "none")) {
break;
}
else {
elePrev = elePrev.previousSibling;
}
}
if (elePrev != null) {
eleParent.removeChild(i_ele);
eleParent.insertBefore(i_ele, elePrev);
}
}
//--------------------------------------------------------------------------
// 다음 순서로 이동
//--------------------------------------------------------------------------
/***
* @function
* jsOrderElementNext(i_ele)
* @used
* jsIsObject(i_ele)
* @param
* i_ele 엘리먼트
* @description
* 부모엘리먼트가 같은 엘리먼트간의 순서 조정
*/
function jsOrderElementNext(i_ele) {
if (jsIsObject(i_ele) == false) return;
var eleParent = i_ele.parentNode;
var eleNext = i_ele.nextSibling;
while (eleNext != null) {
if ((eleNext.disabled == false) && (eleNext.style.display != "none")) {
break;
}
else {
eleNext = eleNext.nextSibling;
}
}
if (eleNext != null) {
eleParent.removeChild(i_ele);
if (eleNext.nextSibling == null) {
eleParent.appendChild(i_ele);
}
else {
eleParent.insertBefore(i_ele, eleNext.nextSibling);
}
}
}
//==============================================================================
// 컨텐츠 관련
//==============================================================================
//--------------------------------------------------------------------------
// 팝업
//--------------------------------------------------------------------------
/***
* @function
* jsPopup(i_url, i_name, i_str)
* @use
* jsIsEmpty(i_url)
* jsParseProperty(i_str, i_token)
* @param
* i_url 파일경로
* i_name 윈도우 이름
* i_str 프로퍼티형식 문자열
* @description
* i_str의 형태는 "width=100, height=100" 과 같이 작성한다.
* - top 위치 Y (0)
* - left 위치 X (300)
* - width 넓이 (0)
* - height 높이 (0)
* - titlebar 타이틀바 유무 (no)
* - toolbar 툴바 유무 (no)
* - menubar 메뉴바 유무 (no)
* - location 주소창 유무 (no)
* - status 상태창 유무 (no)
* - resizable 사이즈조정 유무 (no)
* - scrollbars 스크롤바 유무 (no)
*/
function jsPopup(i_url, i_name, i_str) {
if (jsIsEmpty(i_name)) i_name = "_blank";
var props = jsParseProperty(i_str, ",");
var param = "";
param += "top=" + props.get("top", "0") + ", ";
param += "left=" + props.get("left", "300") + ", ";
param += "width=" + props.get("width", "0") + ", ";
param += "height=" + props.get("height", "0") + ", ";
param += "titlebar=" + props.get("titlebar", "no") + ", ";
param += "toolbar=" + props.get("toolbar", "no") + ", ";
param += "menubar=" + props.get("menubar", "no") + ", ";
param += "location=" + props.get("location", "no") + ", ";
param += "status=" + props.get("status", "no") + ", ";
param += "resizable=" + props.get("resizable", "no") + ", ";
param += "scrollbars=" + props.get("scrollbars", "yes") + ", ";
param += "copyhistory=" + props.get("copyhistory", "no") + " ";
window.open(i_url, i_name, param);
return i_name;
}
//--------------------------------------------------------------------------
// 플래시 삽입
//--------------------------------------------------------------------------
/***
* @function
* jsInsertFlash(i_url, i_str)
* @use
* jsIsIE()
* jsIsEmpty(i_url)
* jsParseProperty(i_str, i_token)
* @param
* i_url 파일경로
* i_str 프로퍼티형식 문자열
* @description
* i_str의 형태는 "width=100, height=100, align=middle" 과 같이 작성한다.
* - width 넓이 (100%)
* - height 높이 (100%)
* - align 정렬 (middle)
* - quality 화질 (high)
* - bgcolor 백그라운드 (#FFFFFF)
* - wmode 투명도 (window)
*/
function jsInsertFlash(i_url, i_str) {
if (jsIsEmpty(i_url)) document.write("jsInsertFlash::url is empty");
var html = null;
var type = null;
var props = jsParseProperty(i_str, ",");
if (jsIsIE()) {
type = "classid='clsid:D27CDB6E-AE6D-11CF-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0'";
}
else {
type = "type='application/x-shockwave-flash' data='" + i_url + "'";
}
html = " " + "\n";
document.write(html);
}
//--------------------------------------------------------------------------
// 레이어 생성
//--------------------------------------------------------------------------
/***
* @function
* jsCreateLayer(i_id, i_src, i_is_file)
* @param
* i_id 엘리먼트 ID
* i_src 컨텐츠 소스
* i_is_file 컨텐츠(파일/텍스트) 판단 논리값
* @return
* 레이어(IFrame) 엘리먼트
* @description
* select와 겹치는 문제때문에 IFrame으로 레이어를 구성
*/
function jsCreateLayer(i_id, i_src, i_is_file) {
var layer = document.getElementById(i_id);
if (layer == null) {
// 생성
layer = document.createElement("iframe");
// 속성정의
layer.id = i_id;
layer.frameBorder = 0;
layer.style.display = "none";
layer.style.position = "absolute";
// 등록
document.body.appendChild(layer);
// 컨텐츠
if (i_is_file) {
layer.src = i_src;
}
else {
layer.contentWindow.document.open();
layer.contentWindow.document.write(i_src);
layer.contentWindow.document.close();
}
}
return layer;
}
//==============================================================================
// 이벤트 관련
//==============================================================================
//--------------------------------------------------------------------------
// 윈도우 이벤트 추가
//--------------------------------------------------------------------------
/***
* @function
* jsAttachEvent(i_event_nm, i_func)
* @param
* i_event_nm 이벤트명
* i_func 실행함수
*/
function jsAttachEvent(i_event_nm, i_func) {
if (/^on/i.test(i_event_nm)) i_event_nm = i_event_nm.substring(2);
if (window.addEventListener) {
window.addEventListener(i_event_nm, i_func, false);
}
else {
window.attachEvent("on" + i_event_nm, i_func);
}
}
//==============================================================================
// AJAX 관련
//==============================================================================
//--------------------------------------------------------------------------
// XMLHTTP 객체 생성
//--------------------------------------------------------------------------
/***
* @function
* jsCreateXMLHTTP()
* @return
* XMLHTTP 객체
* @description
* 테스트용으로만 사용하고, 실 새발시에는 사용하지 않는다.
*/
function jsCreateXMLHTTP() {
var req = false;
if (window.XMLHttpRequest) {
try {
req = new XMLHttpRequest();
}
catch (e) {
req = false;
}
}
else if (window.ActiveXObject) {
try {
req = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e) {
try {
req = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e) {
req = false;
}
}
}
return req;
}
//--------------------------------------------------------------------------
// 파일 내용 추출
//--------------------------------------------------------------------------
/***
* @function
* jsGetSource(i_url)
* @use
* jsIsIE()
* jsIsEmpty(i_str)
* jsCreateXMLHTTP()
* @param
* i_url 파일경로
* @return
* XML객체 또는 파일의 내용
* @description
* 대상 파일의 형식이 UTF-8 형식이어야 정상적으로 작동
* 테스트용으로만 사용하고, 실 개발시에는 사용하지 않는다.
* @TODO
* onreadystatechange 구현
*/
function jsGetSource(i_url) {
if (jsIsEmpty(i_url)) return "jsGetSource::url is empty";
var src = null;
var ext = i_url.substring(i_url.lastIndexOf(".") + 1).toLowerCase();
var req = jsCreateXMLHTTP();
try {
req.open("Get", i_url, false);
req.send(null);
switch (ext) {
// XML파일 처리
case "xml":
src = req.responseXML;
if ((src.hasChildNodes == false) && jsIsIE()) {
src = new ActiveXObject("Microsoft.XMLDOM");
src.load(i_url);
}
break;
// 기본 처리
default:
src = req.responseText;
break;
}
}
catch (e) {
return "jsGetSource::" + e.message + "";
}
return src;
}
//--------------------------------------------------------------------------
// 파일 인클루드
//--------------------------------------------------------------------------
/***
* @function
* jsInclude(i_url, i_id)
* @use
* jsIsEmpty(i_str)
* jsGetSource(i_url)
* @param
* i_url 파일경로
* i_id 엘리먼트 ID
* @description
* 대상 파일의 형식이 UTF-8 형식이어야 정상적으로 작동
* 테스트용으로만 사용하고, 실 개발시에는 사용하지 않는다.
*/
function jsInclude(i_url, i_id) {
if (jsIsEmpty(i_url)) document.write("jsInclude::url is empty");
var src = jsGetSource(i_url);
var ele = document.getElementById(i_id);
// 소스 삽입
if (ele != null) {
ele.innerHTML = src;
}
else {
document.write(src);
}
}