//##############################################################################
//# 프로그램ID : base.js
//# 페이지설명 : 모든 사이트 공통 스크립트
//# 화면설계자 : arthur-park
//# 웹디자이너 : arthur-park
//# 프로그래머 : arthur-park
//#
//#
//# 검증 관련
//# ------------> jsIsIE() ===> 브라우저 CHECK
//# ------------> jsIsEmpty( i_str ) ===> 공백문자열 CHECK
//# ------------> jsIsLetter( i_str ) ===> 문자 CHECK
//# ------------> jsIsDigit( i_str ) ===> 숫자 CHECK
//# ------------> jsIsHangeul( i_str ) ===> 한글 CHECK
//#
//#
//# 문자열처리 관련
//# ------------> jsTrim( i_str ) ===> 좌우공백 제거
//# ------------> jsParseProperty( i_props, i_token ) ===> 프로퍼티 파싱
//#
//#
//# 엘리먼트,객체 관련
//# ------------> jsGetPosition_X( i_ele ) ===> BODY를 기준으로 엘리먼트의 X좌표 계산
//# ------------> jsGetPosition_Y( i_ele ) ===> BODY를 기준으로 엘리먼트의 Y좌표 계산
//# ------------> jsGetElementsByClass( i_cls, i_tag, i_pid ) ===> 클래스 이름으로 엘리먼트 검색
//# ------------> jsIgnoreWhiteSpace( i_node ) ===> 빈 텍스트노드 제거
//# ------------> jsChangeOrder( i_pid, i_ele, i_dir ) ===> 엘리먼트 위치 이동
//# ------------> jsCreateLayer( i_id, i_src, i_is_file ) ===> 레이어 생성
//# ------------> jsInsertFlash( i_url, i_props ) ===> 플래시 삽입
//#
//#
//# 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.toLowerCase().indexOf("msie") != -1 );
}
//--------------------------------------------------------------------------
// 공백문자열 CHECK
//--------------------------------------------------------------------------
/***
* @function
* jsIsEmpty( i_str )
* @param
* i_str 문자열
* @return
* 공백문자열인지의 논리값
*/
function jsIsEmpty( i_str ) {
if ( i_str == null ) return true;
return ( i_str.replace(/^\s|\s$/, "").length == 0 );
}
//--------------------------------------------------------------------------
// 문자 CHECK
//--------------------------------------------------------------------------
/***
* @function
* jsIsLetter( i_str )
* @param
* i_str 문자열
* @return
* 문자인지의 논리값
* @description
* 값의 범위는 [a-z], [A-Z]
*/
function jsIsLetter( i_str ) {
if ( i_str == null ) return false;
return /^[a-zA-Z]+$/.test(i_str);
}
//--------------------------------------------------------------------------
// 숫자 CHECK
//--------------------------------------------------------------------------
/***
* @function
* jsIsDigit( i_str )
* @param
* i_str 문자열
* @return
* 숫자인지의 논리값
* @description
* 값의 범위는 [0-9]
*/
function jsIsDigit( i_str ) {
if ( i_str == null ) return false;
return /^\d+$/.test(i_str);
}
//--------------------------------------------------------------------------
// 한글 CHECK
//--------------------------------------------------------------------------
/***
* @function
* jsIsHangeul( i_str )
* @param
* i_str 문자열
* @return
* 한글인지의 논리값
* @description
* 값의 범위는 [ㄱ-ㅎ], [가-힣]
*/
function jsIsHangeul( i_str ) {
if ( i_str == null ) return false;
return /^[ㄱ-ㅎ가-힣]+$/.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(/^\s|\s$/, "");
}
//--------------------------------------------------------------------------
// 프로퍼티 파싱
//--------------------------------------------------------------------------
/***
* @function
* jsParseProperty( i_props, i_token )
* @use
* jsIsEmpty( i_str )
* @param
* i_str 프로퍼티형식 문자열
* i_token 구분자
* @return
* 키와 값으로 이루어진 다차원 배열변수
* @description
* i_props의 형식은 "key=value"와 같이 작성하며 구분자는 ","가 디폴트이다.
* "@return.get( i_key, i_def )"로 값을 얻을 수 있다.
*
* ex) test = jsParseProperty("width=100&height=200&top=50", "&")
* test.get("width") ==> 100
* test.get("height") ==> 200
* test.get("top") ==> 50
*/
function jsParseProperty( i_str, i_token ) {
var props = new Array();
// 파싱
if ( jsIsEmpty(i_str) == false ) {
var list = i_str.replace(/\s/g, "").split(i_token != null ? i_token : ",");
var cnt = 0;
for ( var i=0; i < list.length; i++ ) {
if ( list[i].indexOf("=") != -1 ) {
var item = list[i].split("=");
if ( jsIsEmpty(item[0]) == false ) {
props[cnt] = new Array(item[0], item[1]);
cnt++;
}
}
}
}
// Get함수 추가
props.get = function( i_key, i_def ) {
for ( var i=0; i < this.length; i++ ) {
if ( this[i][0] == i_key ) {
return this[i][1];
}
}
return i_def;
}
return props;
}
//==============================================================================
// 엘리먼트,객체 관련
//==============================================================================
//--------------------------------------------------------------------------
// 엘리먼트 값 좌우공백 제거
//--------------------------------------------------------------------------
/***
* @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;
}
//--------------------------------------------------------------------------
// BODY를 기준으로 엘리먼트의 X좌표 계산
//--------------------------------------------------------------------------
/***
* @function
* jsGetPosition_X( i_ele )
* @param
* i_ele 엘리먼트
* @return
* 엘리먼트의 X좌표
*/
function jsGetPosition_X( i_ele ) {
var x = 0;
if ( i_ele != null ) {
do {
x += i_ele.offsetLeft;
i_ele = i_ele.offsetParent;
}
while ( i_ele != document.body );
}
return x;
}
//--------------------------------------------------------------------------
// BODY를 기준으로 엘리먼트의 Y좌표 계산
//--------------------------------------------------------------------------
/***
* @function
* jsGetPosition_Y( i_ele )
* @param
* i_ele 엘리먼트
* @return
* 엘리먼트의 Y좌표
*/
function jsGetPosition_Y( i_ele ) {
var y = 0;
if ( i_ele != null ) {
do {
y += i_ele.offsetTop;
i_ele = i_ele.offsetParent;
}
while ( i_ele != document.body );
}
return y;
}
//--------------------------------------------------------------------------
// 클래스 이름으로 엘리먼트 검색
//--------------------------------------------------------------------------
/***
* @function
* jsGetElementByClass( i_cls, i_tag, i_pid )
* @use
* jsIsEmpty( i_str )
* @param
* i_cls 클래스 이름
* i_tag 태그 이름
* i_pid 부모 id
* @return
* 검색된 엘리먼트가 저장된 배열변수
*/
function jsGetElementsByClass( i_cls, i_tag, i_pid ) {
var list = new Array();
if ( jsIsEmpty(i_cls) == false ) {
var parent = document.getElementById(i_pid);
var eles = (parent != null ? parent : document).getElementsByTagName(i_tag != null ? i_tag : "*");
var cnt = 0;
for ( var i=0; i < eles.length; i++ ) {
if ( eles[i].className.match(i_cls) ) {
list[cnt] = eles[i];
cnt++;
}
}
}
return list;
}
//--------------------------------------------------------------------------
// 빈 텍스트노드 제거
//--------------------------------------------------------------------------
/***
* @function
* jsIgnoreWhiteSpace( i_ele )
* @param
* i_ele 엘리먼트
* @description
* xml문서 등에서 비어있는 텍스트노드를 제거
*/
function jsIgnoreWhiteSpace( i_ele ) {
for ( var i=0; i < i_ele.childNodes.length; i++ ) {
var node = i_ele.childNodes[i];
if ( (node.nodeType == 3) && (node.nodeValue.replace(/\s/g, "").length == 0) ) {
i_ele.removeChild(node);
i--;
}
else {
jsIgnoreWhiteSpace(node);
}
}
}
//--------------------------------------------------------------------------
// 엘리먼트 위치 이동
//--------------------------------------------------------------------------
/***
* @function
* jsChangeOrder( i_ele, i_dir )
* @param
* i_ele 엘리먼트
* i_dir 방향 (PREV/NEXT)
*/
function jsChangeOrder( i_ele, i_dir ) {
var parent = i_ele.parentNode;
switch ( i_dir ) {
case "PREV":
var prev = i_ele.previousSibling;
// 이전 엘리먼트 CHECK
while ( prev != null ) {
if ( prev.style.display != "none" ) {
break;
}
else {
prev = prev.previousSibling;
}
}
// 이전 위치로 이동
if ( prev != null ) {
parent.removeChild(i_ele);
parent.insertBefore(i_ele, prev);
}
break;
case "NEXT":
var next = i_ele.nextSibling;
// 다음 엘리먼트 CHECK
while ( next != null ) {
if ( next.style.display != "none" ) {
break;
}
else {
next = next.nextSibling;
}
}
// 다음 위치로 이동
if ( next != null ) {
parent.removeChild(i_ele);
if ( next.nextSibling == null ) {
parent.appendChild(i_ele);
}
else {
parent.insertBefore(i_ele, next.nextSibling);
}
}
break;
}
}
//--------------------------------------------------------------------------
// 레이어 생성
//--------------------------------------------------------------------------
/***
* @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";
layer.style.background = "#FFFFFF";
// 등록
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
* 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 (200)
* - 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", "200") + ", ";
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_props )
* @use
* jsIsIE()
* jsParseProperty( i_props, i_token )
* @param
* i_url 파일경로
* i_props 프로퍼티형식 문자열
* @description
* i_props의 형태는 "width=100, height=100, align=middle" 과 같이 작성한다.
* - width 넓이 (100%)
* - height 높이 (100%)
* - align 정렬 (middle)
* - quality 화질 (high)
* - bgcolor 백그라운드 (#FFFFFF)
* - wmode 투명도 (window)
*/
function jsInsertFlash( i_url, i_props ) {
var html = null;
var type = null;
var props = jsParseProperty(i_props, ",");
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);
}
//==============================================================================
// 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()
* jsCreateXMLHTTP()
* @param
* i_url 파일경로
* @return
* XML객체 또는 파일의 내용
* @description
* 대상 파일의 형식이 UTF-8 형식이어야 정상적으로 작동
* 테스트용으로만 사용하고, 실 개발시에는 사용하지 않는다.
* @TODO
* onreadystatechange 구현
*/
function jsGetSource( i_url ) {
if ( jsIsEmpty(i_url) ) return "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 "" + e.message + "";
}
return src;
}
//--------------------------------------------------------------------------
// 파일 인클루드
//--------------------------------------------------------------------------
/***
* @function
* jsInclude( i_url, i_id )
* @use
* jsGetSource( i_url )
* @param
* i_url 파일경로
* i_id 엘리먼트 ID
* @description
* 대상 파일의 형식이 UTF-8 형식이어야 정상적으로 작동
* 테스트용으로만 사용하고, 실 개발시에는 사용하지 않는다.
*/
function jsInclude( i_url, i_id ) {
var src = jsGetSource(i_url);
var ele = document.getElementById(i_id);
// 안의 내용만 추출
if ( src.indexOf("", content.indexOf("");
src = src.substring(head, tail);
}
// 소스 삽입
if ( ele != null ) {
ele.innerHTML = src;
}
else {
document.write(src);
}
}