/*****************************************************************************
System : 자연이랑
Program :
Title : 자연이랑 Common Functions
File : common.js
Program Type : js
Analyst :
Author : hwkim
Date Started : 20080124
Last Modified :
Called By :
Parameters :
Purpose :
:
Version :
Modified Author V/M Reason For Modification
--------- ---------- --- ----------------------------------------------
20080124 hwkim 1.0 Release first version
******************************************************************************/
/*******************************************************************
* 필수 스크립트 모음
*******************************************************************/
//윈도우 중앙 표시 좌표
var winl = 0, wint = 0;
if (window.innerWidth == null) {
if(document.body == null) {
winl = document.documentElement.offsetWidth / 2;
wint = document.documentElement.offsetHeight / 2;
} else {
winl = document.body.clientWidth / 2;
wint = document.body.clientHeight / 2;
}
} else {
winl = (window.innerWidth / 2);
wint = (window.innerHeight / 2);
}
var onbeforeunload_flags = true;
function init_unload() {
onbeforeunload_flags = true;
}
function clear_unload() {
onbeforeunload_flags = false;
}
function onbeforeunload_f() {
if ( onbeforeunload_flags ) {
event.returnValue = "『페이지를 벗어나시면 처리 중이던 자료에 심각한 문제가 발생할 수 있습니다.』\n『진행 중이던 작업이 있다면, 반드시 완료 또는 취소처리를 하고 이동하십시오!』";
}
onbeforeunload_flags = true;
}
function onbeforeunload_init() {
if ( navigator.appName == "Microsoft Internet Explorer" ) {
onbeforeunload = onbeforeunload_f;
}
}
/**
* 페이지간 이동중 Loading...메시지를 표시한다.
*
* 사용법: submit() 전에 기술한다.
* <%@include file="/common/waiting.jsp" %>
*
*/
function showWaiting() {
var dv = document.getElementById("divWaiting");
dv.style.display = "block";
var dvHeight = parseInt(dv.style.height);
var dvWidth = parseInt(dv.style.width);
var dvTop = wint - (dvHeight / 2);
var dvLeft = winl - (dvWidth / 2);
dv.style.display = "block";
dv.style.top = dvTop +'px';
dv.style.left = dvLeft +'px';
//화면 Disable 효과
var xwall = document.getElementById("divXwall");
if (window.innerWidth == null) {
xwall.style.width = document.documentElement.scrollWidth + 'px';
if(eval(document.documentElement.scrollHeight) < eval(screen.availHeight)) {
xwall.style.height = screen.availHeight + 'px';
} else {
xwall.style.height = document.documentElement.scrollHeight + 'px';
}
} else {
xwall.style.width = window.innerWidth + 'px';
xwall.style.height = screen.availHeight + 'px';
}
xwall.style.filter = "alpha(opacity=65)";
xwall.style.opacity = "0.6";
xwall.style.display = "block";
}
function hideWaiting() {
var dv = document.getElementById("divWaiting");
dv.style.display = "none";
if(document.getElementById("divXwall")) document.getElementById("divXwall").style.display = "none";
}
function show_waiting() {
showWaiting();
}
function hide_waiting() {
hideWaiting();
}
/**
* 지정한 DIV를 중앙에 표시하고 숨긴다 (설정화면에 주로 사용)
*
* divN: DIV id
*/
function showDivPanel(divN) {
var dv = document.getElementById(divN);
var dvHeight = parseInt(dv.style.height);
var dvWidth = parseInt(dv.style.width);
var dvTop = wint - (dvHeight / 2);
var dvLeft = winl - (dvWidth / 2);
dv.style.position = "absolute";
dv.style.top = dvTop +'px';
dv.style.left = dvLeft +'px';
dv.style.zIndex = "9992";
var xwall = document.getElementById("divXwall");
if(xwall) {
if (window.innerWidth == null) {
xwall.style.width = document.documentElement.scrollWidth + 'px';
if(eval(document.documentElement.scrollHeight) < eval(screen.availHeight)) {
xwall.style.height = screen.availHeight + 'px';
} else {
xwall.style.height = document.documentElement.scrollHeight + 'px';
}
} else {
xwall.style.width = window.innerWidth + 'px';
xwall.style.height = screen.availHeight + 'px';
}
xwall.style.filter = "alpha(opacity=65)";
xwall.style.opacity = "0.6";
xwall.style.display = "block";
}
dv.style.visibility = "visible";
dv.style.display = "block";
}
function hideDivPanel(divN) {
var dv = document.getElementById(divN);
dv.style.visibility = "hidden";
dv.style.display = "none";
if(document.getElementById("divXwall")) document.getElementById("divXwall").style.display = "none";
}
/**
* 지정한 div를 자동 스크롤 위치를 조정한다.
*
* setAutoScrollDiv() 함수에 종속적 임.
*/
function autoScrollDiv(divName) {
var yMenuFrom, yMenuTo, yOffset;
var obj = document.getElementById(divName);
yMenuFrom = parseInt(obj.style.top, 10);
yMenuTo = document.body.scrollTop;
if( yMenuFrom != yMenuTo) {
yOffset = Math.ceil( Math.abs( yMenuTo - yMenuFrom ) / 20 );
if(yMenuTo < yMenuFrom) {
yOffset = -yOffset;
}
obj.style.top = parseInt(obj.style.top, 10) + yOffset;
}
setTimeout ("autoScrollDiv('"+divName+"')", 10);
}
/**
* 자동 스크롤이 필요한 div를 지정하고 body에서 직접 호출한다
*
* 예)
*/
function setAutoScrollDiv(divName) {
if(top.frames.length) {
document.getElementById(divName).style.display = "inline";
}
autoScrollDiv(divName);
return true;
}
/**
* iframe 크기를 최대로 키움.
* (일반적으로 부모페이지가 로딩 될 때 실행함 ex) init() )
*/
function voidResizeFrame(){
self.resizeTo(document.body.offsetWidth, document.body.scrollHeight+20);
}
/**
* 주어진 element를 숨기거나 보이게 한다
*/
function toggleMenu(elName) {
var el = document.getElementById(elName);
var isVisible = (el.style.visibility == "hidden") ? true : false;
var isDisplay = (el.style.display == "none") ? true : false;
el.style.visibility = isVisible ? "visible" : "hidden";
el.style.display = isDisplay ? "inline" : "none";
}
function toggleMenuOnlyOne(elName) {
//먼저 메뉴의 모든 span을 닫는다
var xl = document.getElementsByTagName("SPAN");
for(var i=0; i
*
* "-" 추가 : 19961230(8자리) => 1996-12-30(10자리)
*/
function addDateHyphen( date ) {
var newVal = "";
var Year = "";
if(date.value.length < 8) return;
if(date.value.length == 8) {
newVal = date.value.substring(0,4);
newVal += "-";
newVal += date.value.substring(4,6);
newVal += "-";
newVal += date.value.substring(6,8);
} else {
// 만약 현재 "-"이 있다면
for(var x = 0; x < date.value.length ; x++) {
ch= date.value.substring(x,x+1);
if( ch == "-") return;
}
newVal += date.value.substring(0,4);
newVal += "-";
newVal += date.value.substring(4,6);
newVal += "-";
newVal += date.value.substring(6,8);
}
date.value = newVal;
return;
}
/**
* 일자 조정
*
* "-" 삭제 : 1996-12-30(10자리) => 19961230(8자리)
*/
function delDateHyphen(date) {
var x, ch;
var i=0;
var newVal="";
if( date.value.length != 10 ) return;
for(x = 0; x < date.value.length ; x++) {
ch= date.value.substring(x,x+1);
if( ch != "-") newVal += ch;
}
date.value = newVal;
date.select();
return;
}
/**
* 날짜 형식 처리 함수(YYYY-MM)
*
* "-" 추가 : 199612(6자리) => 1996-12(7자리)
*
* 사용법:
*
*/
function addMonthlyHyphen( date ) {
var newVal = "";
var Year = "";
if(date.value.length < 6) return;
if(date.value.length == 6) {
newVal = date.value.substring(0,4);
newVal += "-";
newVal += date.value.substring(4,6);
} else {
// 만약 현재 "-"이 있다면
for(var x = 0; x < date.value.length ; x++) {
ch= date.value.substring(x,x+1);
if( ch == "-") return;
}
newVal += date.value.substring(0,4);
newVal += "-";
newVal += date.value.substring(4,6);
}
date.value = newVal;
return;
}
/**
* 날짜 필드 조정
*
* "-" 삭제 : 1996-12(7자리) => 199612(6자리)
*/
function delMonthHyphen(date) {
var x, ch;
var i=0;
var newVal="";
if( date.value.length != 7 ) return;
for(x = 0; x < date.value.length ; x++) {
ch= date.value.substring(x,x+1);
if( ch != "-") newVal += ch;
}
date.value = newVal;
date.select();
return;
}
/**
* 올바른 날짜형식인지를 판단한다.
*/
function isDate(as_date){
var xflag = false;
if(as_date.value=="") {
return true;
}
if(as_date.value.length != 10) {
xflag = true;
} else {
var li_yy=as_date.value.substring(0,4);
var li_mm=as_date.value.substring(5,7);
var li_dd=as_date.value.substring(8,10);
if ((li_yy<1)||(li_mm<1)||(li_dd<1)) { //년월일이 영또는 음수일경우
xflag = true;
} else if ((li_mm==1) ||(li_mm==3) ||(li_mm==5) ||(li_mm==7) ||(li_mm==8) ||(li_mm==10) ||(li_mm==12)){ //1,3,5,7,8,10,12월인경우(31일)
if(li_dd>31){ //31일보다 큰경우
xflag = true;
}
} else if((li_mm==4)||(li_mm==6)||(li_mm==9)||(li_mm==11)){ //4,6,9,11월인경우(30일)
if(li_dd>30){ //30일보다 큰경우
xflag = true;
}
} else if(li_mm==2){ //2월인경우
if(IsLeapYear(li_yy)==true){ //윤년
if(li_dd>29){ //29일보다 큰경우
xflag = true;
}
} else { //평년
if(li_dd>28){//28일보다 큰경우
xflag = true;
}
}
} else {//월범위를 벗어난경우
xflag = true;
}
}
if(xflag) {
alert("날짜입력이 잘못되었습니다");
as_date.select();
//showCalendar(as_date);
return false;
} else {
return true;
}
}
/**
* (권장하지 않음, isDate를 사용하시오)
* 올바른 날짜형식인지를 판단한다.
*/
function IsDate(as_date){
var li_yy=as_date.value.substring(0,4);
var li_mm=as_date.value.substring(5,7);
var li_dd=as_date.value.substring(8,10);
if(as_date.value=="") {
return true;
} else {
if ((li_yy<1)||(li_mm<1)||(li_dd<1)) { //년월일이 영또는 음수일경우
alert("날짜입력이 잘못되었습니다");
as_date.select();
return false;
} else if ((li_mm==1) ||(li_mm==3) ||(li_mm==5) ||(li_mm==7) ||(li_mm==8) ||(li_mm==10) ||(li_mm==12)){ //1,3,5,7,8,10,12월인경우(31일)
if(li_dd>31){ //31일보다 큰경우
alert("날짜입력이 잘못되었습니다");
as_date.select();
return false;
}
} else if((li_mm==4)||(li_mm==6)||(li_mm==9)||(li_mm==11)){ //4,6,9,11월인경우(30일)
if(li_dd>30){ //30일보다 큰경우
alert("날짜입력이 잘못되었습니다");
as_date.select();
return false;
}
} else if(li_mm==2){ //2월인경우
if(IsLeapYear(li_yy)==true){ //윤년
if(li_dd>29){ //29일보다 큰경우
alert("날짜입력이 잘못되었습니다");
as_date.select();
return false;
}
} else { //평년
if(li_dd>28){//28일보다 큰경우
alert("날짜입력이 잘못되었습니다");
as_date.select();
return false;
}
}
} else {//월범위를 벗어난경우
alert("날짜입력이 잘못되었습니다");
as_date.focus();
return false;
}
return true;
}
}
function IsLeapYear(ai_year){ //윤년여부 확인
if((ai_year%4)==0){ //년도를 4로 나누어지는 경우(윤년대상)
if((ai_year%100)==0){ //년도를 100으로 나누어지는 경우(윤년대상)
if((ai_year%400)==0){ //년도를 400으로 나누어지는 경우(윤년)
return true;
} else{ //400으로 나누어지지않는경우(평년)
return false;
}
} else { //년도를 100으로 나누어지지 않는경우(윤년)
return true;
}
} else { //년도를 4로나누어지지 않는경우(평년)
return false;
}
}
function chkDateSeq( date1, date2 ) {
if(date1.value=="" && date2.value=="") {
return true;
}else{
if( date1.value != "" && date2.value == "") {
alert("종료일자를 넣어 주십시오!");
date2.focus();
return false;
}
if( date1.value == "" && date2.value != "") {
alert("시작일자를 넣어 주십시오!");
date1.focus();
return false;
}
if( date1.value > date2.value) {
alert ("시작일이 종료일 보다 늦습니다.");
date2.focus();
return false;
}
}
}
/**
*현재일자와 비교하기
*/
function chkDateSeq2(date, toDay) {
if(date.value=="" ) {
return true;
}else{
if( date.value < toDay.value) {
alert ("과거일자를 지정해서는 안됩니다.");
date.value = toDay.value;
date.focus();
return false;
} else {
return true;
}
}
}
/**
* 두개의 필드로 날짜간격을 나타내야 할 경우 사용, calendar.js 가 필요함.
* 예 : 
-
*
*/
function chkDateSeq3( cntl, date1, date2 ) {
if(date1.value=="" && date2.value=="") {
return true;
} else {
if( date1.value != "" && date2.value == "") {
alert("종료일자를 넣어 주십시오!");
//showCalendar(date2);
return false;
}
if( date1.value == "" && date2.value != "") {
alert("시작일자를 넣어 주십시오!");
//showCalendar(date1);
return false;
}
if( date1.value > date2.value) {
alert ("시작일이 종료일 보다 늦습니다.");
//showCalendar(cntl);
return false;
}
}
}
/**
*현재일자와 비교하기, calendar.js 가 필요함.
*/
function chkDateSeq4(date, toDay) {
if(date.value=="" ) {
return true;
}else{
if( date.value < toDay.value) {
alert ("과거일자를 지정해서는 안됩니다.");
date.value = toDay.value;
//showCalendar(date);
return false;
} else {
return true;
}
}
}
/**
* 달력없이 오늘의 날짜만을 'YYYY-MM-DD'형식으로 리턴
*/
function toDay() {
now = new Date;
var dMonth;
var dDate;
var dNow;
if(now.getMonth()+1 > 9) { dMonth = now.getMonth()+1; } else { dMonth = "0"+(now.getMonth()+1); }
if(now.getDate() > 9) { dDate = now.getDate(); } else { dDate = "0"+now.getDate(); }
dNow = now.getFullYear() + "-" + dMonth + "-" + dDate;
return dNow;
}
/**
* 'YYYY-MM-DD'형식의 날짜에 숫자의 일수 더하기(빼기)
*/
function addDate(baseDate,addDay) {
var yr = baseDate.substring(0,4);
var mn = baseDate.substring(5,7)-1;
var dy = baseDate.substring(8,10);
var A = new Date(yr,mn,dy);
//단순히 숫자로 더하기
A.setDate(A.getDate() + parseInt(addDay));
//초로 환산하여 더하기.
/*var aTime = A.getTime();
aTime = aTime + parseInt(addDay)*24*60*60*1000;
A.setTime(aTime);*/
var rYear = A.getFullYear();
var rMonth = A.getMonth()+1;
var rDay = A.getDate();
if(rMonth<10) rMonth = "0" + rMonth;
if(rDay<10) rDay = "0" + rDay;
var B = rYear + "-" + rMonth + "-" + rDay;
return B;
}
/**
* 'YYYY-MM-DD'형식의 특정 날짜의 요일반환.
* 일요일 : 0 ~ 토요일 : 6 으로 반환.
*/
function calcWeekDay(sDate) {
var nYear = sDate.substring(0,4);
var nMonth = sDate.substring(5,7)-1;
var nDay = sDate.substring(8,10);
var xDate = new Date(nYear,nMonth,nDay);
nYear = xDate.getFullYear();
nMonth = xDate.getMonth()+1;
nDay = xDate.getDate();
if(nMonth >= 3) {
nMonth -= 2;
} else {
nMonth += 10;
}
if( (nMonth == 11) || (nMonth == 12) ){
nYear--;
}
var nCentNum = parseInt(nYear / 100);
var nDYearNum = nYear % 100;
var g = parseInt(2.6 * nMonth - .2);
g += parseInt(nDay + nDYearNum);
g += nDYearNum / 4;
g = parseInt(g);
g += parseInt(nCentNum / 4);
g -= parseInt(2 * nCentNum);
g %= 7;
if(nYear >= 1700 && nYear <= 1751) {
g -= 3;
} else {
if(nYear <= 1699) {
g -= 4;
}
}
if(g < 0) {
g += 7;
}
return g;
}
/** 시간 유틸 **/
/**
* 시분표기에 ":" 추가 : 1230(4자리) => 12:30(5자리)
*/
function addTimeColon(oTime) {
var newVal = "";
var Year = "";
if(oTime.value.length < 4) return;
if(oTime.value.length == 4) {
newVal = oTime.value.substring(0,2);
newVal += ":";
newVal += oTime.value.substring(2,4);
} else {
// 만약 현재 "-"이 있다면
for(var x = 0; x < oTime.value.length ; x++) {
ch = oTime.value.substring(x,x+1);
if( ch == ":") return;
}
newVal += oTime.value.substring(0,2);
newVal += ":";
newVal += oTime.value.substring(2,4);
}
oTime.value = newVal;
return;
}
/**
* 시분표기에 ":" 삭제 : 12:30(5자리) => 1230(4자리)
*/
function delTimeColon(oTime) {
var x, ch;
var i=0;
var newVal="";
if( oTime.value.length != 5 ) return;
for(x = 0; x < oTime.value.length ; x++) {
ch= oTime.value.substring(x,x+1);
if( ch != ":") newVal += ch;
}
oTime.value = newVal;
oTime.select();
return;
}
/**
* 시분표기가 제대로 되었는지 확인.
*/
function isHourMinute(oTime) {
var xFlag = false;
var hour = 0;
var minute = 0;
if(oTime.value=='') return true;
if(oTime.value.length==5) {
hour = oTime.value.substring(0,2);
minute = oTime.value.substring(3,5);
if(hour=='' || hour<0|| hour>23) xFlag = true;
if(minute=='' || minute<0 || minute>59) xFlag = true;
} else {
xFlag = true;
}
//alert("hour: "+hour+", minute: "+minute);
if(xFlag) {
alert("시와 분의 입력이 잘못되었습니다.");
oTime.select();
return false;
} else {
return true;
}
}
/**
* 시작시각이 종료시각보다 같거나 작은지 확인
*/
function chkTimeSeq(sTime, cTime) {
if(sTime.value!='' && cTime.value!='') {
if(sTime.value > cTime.value) {
alert("종료시각이 시작시각보다 앞설 수 없습니다.");
cTime.select();
return false;
} else {
return true;
}
} else {
return false;
}
}
/*******************************************************************
* 기타 유틸 스크립트 모음
*******************************************************************/
/*
* 텍스트 박스에 기본 메시지를 보여주는 함수
* 사용법:
*/
function clearText(thefield) {
if(thefield.defaultValue==thefield.value) {
thefield.value = "";
thefield.focus();
}
}
/*
* 오직 숫자만 입력하는 함수
* 사용법:
* 소수점을 위해서 '.'은 제외한다.
* 2005-04-19 sykim 소숫점 콤마'.'표시 추가.
* keyCode 8 : BackSpace
* keyCode 9 : Tab
* keyCode 13 : Enter
* keyCode 37 : ← Key
* keyCode 39 : → Key
* keyCode 46 : Delete Key
* keyCode 110 : 숫자패드 콤마'.'
* keyCode 190 : 문자패드 콤마'.'
* keyCode 48 ~ 57 : 문자패드 숫자 0 ~ 9
* keyCode 96 ~ 105 : 숫자패드 숫자 0 ~ 9
*/
function onlyNumber(event) {
if( (event.keyCode==8) || (event.keyCode==9) || (event.keyCode==13) ||
(event.keyCode==37) || (event.keyCode==39) || (event.keyCode==46) ||
(event.keyCode==110) || (event.keyCode==190) ||
((event.keyCode>=48)&&(event.keyCode<=57)) ||
((event.keyCode>=96)&&(event.keyCode<=105)) ) {
event.returnValue=true;
} else {
event.returnValue=false;
}
}
function commaSplit(str) {
str = ""+str+"";
var retValue = "";
for(i=0; i 0 && (i%3)==0) {
retValue = str.charAt(str.length - i -1) + "," + retValue;
} else {
retValue = str.charAt(str.length - i -1) + retValue;
}
}
return retValue
}
/**
* 원하는 페이지로 이동
* 사용법: onclick="goPage('xxx.jsp');
*/
function goPage(pg) {
location.href=pg;
}
/**
* 선택한 페이지 인쇄.
* 사용법: onclick="printPage();"
*/
function printPage() {
if(window.print) {
window.print()
} else {
alert("이 브라우저는 인쇄 기능을 지원하지 않습니다!");
}
}
/**
* 선택시 테이블 열의 색깔을 변하게 합니다.
* val: check box, cname: 포커스 컨트롤, fgcolor: 글자색, bgcolor: 배경색
*/
function changRowColor(val,cname,fgcolor,bgcolor) {
if(val.checked) {
while (val.tagName!="TR") {
val=val.parentElement;
}
val.style.color=fgcolor;
val.style.backgroundColor=bgcolor;
cname.select();
} else {
while (val.tagName!="TR") {
val=val.parentElement;
}
val.style.color="";
val.style.backgroundColor="";
}
}
/**
* 버튼의 색깔 변경합니다.
* 사용법: