/******************************************************************************
* **
* V 1.1.3
* - 기존 년도 선택되지 않은 문제 추가
* - MS 필터에 따른 마우스 오버 이벤트에 따라 스타일 효과에 대한 클라이언트 부하가 존재하여
* 스타일 쉬트에 대한 전면 조정 작업.
* - 여러개의 객체 생성 할 경우 blur 이벤트 발생에 대한 포커스 이동이 숨겨진 SELECT BOX 를 통해 이루어져
* 다른 달력 객체에 대한 이동이 번거로웠음.
*
* **
* V 1.xx
*
* input=text object에 대한 Data Picker Script
* HTC로 개발하였으나, 잦은 IE 충돌로 인하여 변형함.
* IE 5.5 이상에서 테스트
* 사용법 :
* 해결 문제 : 해당객체의 disabled = true일때 이벤트 훅킹이 어려움, 이벤트에 따른 색상 교체 소스 최적화 -_-;;
* **
* Last update : 2006.
* Copyright (c) 2006, By Lee N.THU
* e-Mail :
* - 사람이면 맘대로 쓸 수 있는 데, 단 제작자 표기는 해주삼.
* PS : 달력 선택 시 SELECT BOX 또는 팝업창 형태인것이 불편해 4시간 동안 고민해서 제작 -.-, 년도 선택부분 시간관계상 생략
*
*
*
******************************************************************************/
var xwzDatePicker = function(objTextbox){
if(window.__xwzDatePickers == null) window.__xwzDatePickers = new Array(0);
this.index = window.__xwzDatePickers.length;
window.__xwzDatePickers[this.index] = this;
this.oText = objTextbox;
this.dtCurrent = null;//입력된 날짜
this.dtDisplay = new Date();//출력용 날짜
this.objField =null;// 디스플레이 테이블
this.objLabel = null;// 날짜 출력될 셀
this.objArrow = null;// 화살표 셀
this.imgArrow = null;// 화살표 이미지
this.isEmpty = false;// 날짜 없음 을 출력할지 여부
this.emptyValue = "";// 날짜 없음 표기 값
this.isVisible = false;// 팝업창 보임 여부
this.isActive = false;// 활성화되었는지 여부
this.Images = {arrow : "", prev : "", next : ""};//디스플레이에서 화살표 이미지, 달력에서 이전, 다음 이미지
this.Week = new Array(0);// 주 표기 텍스트 배열
this.Formula = new Array(0);//날짜 포멧 형태
this.WeekColor = ['#CC0000', '', '', '', '', '','#0066CC'];//일별 색상
this.Styles = {def:new Array(0), hov:new Array(0), act:new Array(0), flt:new Array(0)}// 기본, 마우스 오버, 활성화 되었을 때 색상 설정, 활성화, 오버 되었을 때 오른쪽 화살표 필터효과 색상
this.objWindow = null;//팝업창 객체
this.lblCaption = null;// 달력에서 월, 년 표기 레이어
this.lblEmpty = null;// 달력에서 날짜 없음 출력 객체
this.cellCalendar = null;//달력의 각 셀을 배열로 저장
this.setLanguage("ko");//기본 날짜 출력 포멧을 한글
//기본 색상 설정
this.setStyleColor("default:#ABC1DE,#EAF2FB,#740048;Hover:#ABC1DE,#FFFFFF,#740048;Active:#ABC1DE,#AEC4E8,#500040;filter:#E0D4B2,#FFD456,#E0D4B2,#FFD456");
this.Initializ();//초기화
this.oText.DatePick = this;//대상 텍스트 박스의 객체 속성으로 현재 function으로 지정
//텍스트 박스의 프로퍼티가 변경될 때 분기함수
this.oText.onpropertychange=function(){if(window.event.type == "propertychange" && this.DatePick !=null) this.DatePick.__setPropertyAttribute(window.event.propertyName);}
}
xwzDatePicker.prototype.Version = '1.1.3' ;
/*=========================================================
날짜없음 출력여부 및 날짜없음 표시 문자 설정
=========================================================*/
xwzDatePicker.prototype.letDisplayEmpty = function(bool){this.isEmpty=eval(bool);if(this.lblEmpty!=null) this.lblEmpty.style.display = this.isEmpty ? '' : 'none'; }
xwzDatePicker.prototype.letEmptyValue = function(str){this.emptyValue=str;}
/*=========================================================
이미지 셋팅
=========================================================*/
xwzDatePicker.prototype.setArrowImageValue = function(str){this.Images.arrow = str;}
xwzDatePicker.prototype.setPrevImageValue = function(str){this.Images.prev = str;}
xwzDatePicker.prototype.setNextImageValue = function(str){this.Images.next = str;}
xwzDatePicker.prototype.letDisabled = function(bool){
if(bool == true){
this.objLabel.style.color="#666666";
this.objLabel.style.filter="gray()";
this.objArrow.style.filter="gray()";
}else{
this.objLabel.style.color="";
this.objLabel.style.filter="";
this.objArrow.style.filter="";
}
}
/*=========================================================
주 표시 단위
=========================================================*/
xwzDatePicker.prototype.setLanguage = function(str){
var WeekText = {"ch": ['日','月','火','水','木','金','土'],"ko" : ['일','월','화','수','목','금','토'],"en" : ['Sun','Mon','Tue','Wed','Thu','Fri','Sat']};
var DateText = {"ch": ['月 ','日','年 '],"ko" : ['월 ','일', '년 '],"en" : ['-', '', '-']};
if(WeekText[str] != null) this.Weeks = WeekText[str];else this.Weeks = WeekText["ko"];
if(DateText[str] != null) this.Formula = DateText[str];else this.Formula = DateText["ko"];
}
/*=========================================================
마우스 오버등의 이벤트에 따른 색상 설정 함수
=========================================================*/
xwzDatePicker.prototype.setStyleColor = function(str){
var Composition = new Array(0), Rule = new Array(0), sSelector = "", Colors = new Array(0);
Composition = str.replace(/\s/gi, '').toString().split(";")
if(Composition.length == 0) return;
for(var i = 0 ; i < Composition.length; i++){
Composition[i] = Composition[i].replace(/\s/gi, '');//무효문자 제거
if(Composition[i] == '') continue;sSelector = Composition[i].split(':').shift();Colors = Composition[i].split(':').pop().toString().split(',');
if(sSelector.toLowerCase() == 'default'){for(var n = 0; n < Colors.length;n++) this.Styles.def[n] = Colors[n];}
else if(sSelector.toLowerCase() == 'hover'){for(var n = 0; n < Colors.length;n++) this.Styles.hov[n] = Colors[n];}
else if(sSelector.toLowerCase() == 'active'){for(var n = 0; n < Colors.length;n++) this.Styles.act[n] = Colors[n];}
else if(sSelector.toLowerCase() == 'filter'){for(var n = 0; n < Colors.length;n++) this.Styles.flt[n] = Colors[n];}
}
}
/*=========================================================
값 변경에 따른 셋팅
=========================================================*/
xwzDatePicker.prototype.changeValue = function(sValue){
if( (/^([0-9]){4}-([0-9]){2}-([0-9]){2}/).test(sValue) == true){
this.dtCurrent = new Date(sValue.substr(0,4), sValue.substr(5,2)-1, sValue.substr(8,2));
this.dtDisplay=this.dtCurrent;
this.setDateValue(this.dtCurrent.getDate());
this.display();
}else{
this.setEmptyValue();
}
}
xwzDatePicker.prototype.setEmptyValue = function(){
this.oText.onpropertychange=null;
this.oText.value = "";
this.objLabel.innerHTML = this.emptyValue;
this.isVisible = true;
this.swapVisible();
this.oText.onpropertychange=function(){if(window.event.type == "propertychange" && this.DatePick !=null) this.DatePick.__setPropertyAttribute(window.event.propertyName);}
}
/*=========================================================
선택된 날짜에 대한 출력
=========================================================*/
xwzDatePicker.prototype.setDateValue = function(day){
this.oText.onpropertychange=new Function("return false");
var year = this.dtDisplay.getYear(), month = this.dtDisplay.getMonth();
this.dtCurrent = new Date(year, month, day);
this.oText.value = year + "-" + this.__fillZero(month+1, 2) + "-" + this.__fillZero(day, 2);
this.objLabel.innerHTML = year + this.Formula[2] + this.__fillZero(month+1, 2) + this.Formula[0] + this.__fillZero(day, 2) +this.Formula[1] ;
this.isVisible = true;
this.swapVisible();
this.oText.onpropertychange=function(){if(window.event.type == "propertychange" && this.DatePick !=null) this.DatePick.__setPropertyAttribute(window.event.propertyName);}
}
/*=========================================================
프로퍼티 설정 -- 속성값이 변경될때
=========================================================*/
xwzDatePicker.prototype.__setPropertyAttribute = function(sType){
switch(sType.toString()){
case "isEmpty" : this.letDisplayEmpty(this.oText.getAttribute(sType));break;
case "empty" : this.letEmptyValue(this.oText.getAttribute(sType));break;
case "value" : this.changeValue(this.oText.getAttribute(sType));break;
case "arrowImage" : this.setArrowImageValue(this.oText.getAttribute(sType));break;
case "prevImage" : this.setPrevImageValue(this.oText.getAttribute(sType));break;
case "nextImage" : this.setNextImageValue(this.oText.getAttribute(sType));break;
case "colorStyle" : this.setStyleColor(this.oText.getAttribute(sType));break;
case "language" : this.setLanguage(this.oText.getAttribute(sType));break;
case "disabled" : this.letDisabled(this.oText.disabled);break;
default : break;
}
}
xwzDatePicker.prototype.__isPopupView = function(){{if(this.objWindow == null) return false;return this.objWindow.isOpen;}}
xwzDatePicker.prototype.__fillZero = function(num, len){if(num.toString().length >= len) return num;var nMax = len-( num.toString().length );var str = "";for(var i=0; i < nMax; i++) str +="0";return str + (num).toString();}
/*=========================================================
마우스 이벤트에 따른 효과
=========================================================*/
xwzDatePicker.prototype.hoverIn = function(){
if(this.isActive == false && this.oText.disabled == false){
this.objField.style.border=this.Styles.hov[0] + " 1px solid" ;
this.objField.style.backgroundColor=this.Styles.hov[1] ;
this.objLabel.style.border=this.Styles.hov[1] + " 1px solid";
this.objLabel.style.backgroundColor=this.Styles.hov[1] ;
this.objLabel.style.color=this.Styles.hov[2];
this.objArrow.style.border=this.Styles.hov[0] + " 1px solid";
this.objArrow.style.backgroundColor=this.Styles.hov[1] ;
this.objArrow.style.color=this.Styles.hov[1];
this.objArrow.style.filter="progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr="+this.Styles.flt[0]+",endColorStr="+this.Styles.flt[1]+");";
}
}
xwzDatePicker.prototype.hoverOut = function(){
if(this.isActive == false && this.oText.disabled == false){
this.objField.style.border=this.Styles.def[0] + " 1px solid" ;
this.objField.style.backgroundColor=this.Styles.def[1] ;
this.objLabel.style.border=this.Styles.def[1] + " 1px solid";
this.objLabel.style.backgroundColor=this.Styles.def[1] ;
this.objLabel.style.color=this.Styles.def[2];
this.objArrow.style.border=this.Styles.def[1] + " 1px solid";
this.objArrow.style.backgroundColor=this.Styles.def[1] ;
this.objArrow.style.color=this.Styles.def[1];
this.objArrow.style.filter="";
}
}
xwzDatePicker.prototype.deactive = function(){
if(this.oText.disabled == false){
this.isActive = false;
this.objField.style.border=this.Styles.def[0] + " 1px solid" ;
this.objField.style.backgroundColor=this.Styles.def[1] ;
this.objLabel.style.border=this.Styles.def[1] + " 1px solid";
this.objLabel.style.backgroundColor=this.Styles.def[1] ;
this.objLabel.style.color=this.Styles.def[2];
this.objArrow.style.border=this.Styles.def[1] + " 1px solid";
this.objArrow.style.backgroundColor=this.Styles.def[1] ;
this.objArrow.style.color=this.Styles.def[1];
this.objArrow.style.filter="";
}
}
xwzDatePicker.prototype.active = function(){
if(this.oText.disabled == false){
this.isActive = true;
this.objField.style.border=this.Styles.act[0] + " 1px solid" ;
this.objField.style.backgroundColor=this.Styles.hov[1] ;
this.objLabel.style.border=this.Styles.act[1] + " 1px solid";
this.objLabel.style.backgroundColor=this.Styles.act[1] ;
this.objLabel.style.color=this.Styles.act[2];
this.objArrow.style.border=this.Styles.act[0] + " 1px solid";
this.objArrow.style.backgroundColor=this.Styles.act[1] ;
this.objArrow.style.color=this.Styles.act[1];
this.objArrow.style.filter="progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr="+this.Styles.flt[2]+",endColorStr="+this.Styles.flt[3]+");";
}
}
/* ================================================
팝업창 출력 결정
================================================ */
xwzDatePicker.prototype.swapVisible = function(){
if(this.isVisible == false){
if(this.oText.disabled == false && this.objWindow != null){
var nHeight = 164;
if(this.isEmpty == true) nHeight =183;
var nDiff = window.screen.height - window.event.screenY - nHeight;posY = nDiff < nHeight ? nHeight *-1 : this.objField.offsetHeight;
this.objWindow.show(0, posY, 139, nHeight, this.objField);
this.objWindow.document.getElementById('IDS_MONTH_LIST').style.display = "none";
this.active();
this.isVisible = true;
}
}else{
this.deactive();
if(this.__isPopupView()==true) this.objWindow.hide();
this.isVisible = false;
setTimeout("window.__xwzDatePickers[" +this.index + "].display()", 30);
}
}
/* ================================================
초기화 함수
================================================ */
xwzDatePicker.prototype.Initializ = function(){
var bwver = new Number(((window.navigator.appVersion.split('; '))[1].split(' '))[1]);
if(window.navigator.appName != "Microsoft Internet Explorer" || bwver < 5.5) return;
//== 기본변수대입
var sValue=this.oText.getAttribute("value");
if(sValue != "" && sValue != null) this.dtCurrent = new Date(sValue.substr(0,4), sValue.substr(5,2)-1, sValue.substr(8,2));
if(isNaN(this.dtCurrent) || this.dtCurrent == null){this.oText.value="";this.dtCurrent=new Date();}
this.dtDisplay=this.dtCurrent;
var attributes = ["isEmpty","empty", "arrowImage", "prevImage","nextImage", "colorStyle", "language"];
for(var i = 0; i < attributes.length; i++){
if(this.oText.getAttribute(attributes[i]) == null || this.oText.getAttribute(attributes[i]) =="" ) continue;
this.__setPropertyAttribute(attributes[i]);
}
var row = null;
//=== 테이블 생성
this.objField = document.createElement("TABLE");
this.objField.setAttribute('cellPadding', 1);
this.objField.setAttribute('cellSpacing', 1);
this.objField.style.display='inline' ;
this.objField.style.margin="0 0 0 0";
this.objField.style.padding="0 0 0 0";
this.objField.style.border=this.Styles.def[0] + " 1px solid" ;
this.objField.style.verticalAlign='text-bottom';
this.objField.style.backgroundColor=this.Styles.def[1];
this.objField.onmouseover=new Function("window.__xwzDatePickers[" +this.index + "].hoverIn()");
this.objField.onmouseout=new Function("window.__xwzDatePickers[" + this.index+ "].hoverOut()");
//=== Row 생성
var tBody = document.createElement("TBODY");
this.objField.appendChild(tBody);
row = document.createElement("TR");
row.style.cssText = "";
row.onmousedown=new Function("e", "if((window.event.button||e.which)==1) window.__xwzDatePickers[" +this.index + "].swapVisible()");
//=== 디스플레이 cell 생성
this.objLabel = document.createElement("TD");
this.objLabel.onselectstart=new Function("return false");
if(this.oText.value == ""){
this.objLabel.setAttribute("innerText", this.emptyValue);
}else{
this.objLabel.innerHTML = this.dtDisplay.getYear() + this.Formula[2] + this.__fillZero(this.dtDisplay.getMonth()+1, 2) + this.Formula[0] + this.__fillZero(this.dtDisplay.getDate(), 2) + this.Formula[1];
}
this.objLabel.style.cssText = "";
this.objLabel.style.width=100;
this.objLabel.style.height=15;
this.objLabel.style.font="normal normal normal 11px 돋움";
this.objLabel.style.cursor="default";
this.objLabel.style.textAlign="center";
this.objLabel.style.margin="0 0 0 0";
this.objLabel.style.padding="0 0 0 0";
this.objLabel.style.border=this.Styles.def[1] + " 1px solid";
this.objLabel.style.backgroundColor=this.Styles.def[1] ;
this.objLabel.style.color=this.Styles.def[2];
row.appendChild(this.objLabel);
//=== 화살표 생성
this.imgArrow=document.createElement("IMG");
this.imgArrow.src = this.Images.arrow;
this.imgArrow.valign = "middle";
this.imgArrow.style.cssText = "";
this.objArrow= document.createElement("TD");
this.objArrow.onselectstart=new Function("return false");
this.objArrow.style.margin="0 0 0 0";
this.objArrow.style.padding="0 3 0 3";
this.objArrow.style.border=this.Styles.def[1] + " 1px solid";
this.objArrow.style.backgroundColor=this.Styles.def[1] ;
this.objArrow.style.color=this.Styles.def[1];
this.objArrow.appendChild(this.imgArrow);
row.appendChild(this.objArrow);
tBody.appendChild(row);
this.objLabel.onfocus=new Function("window.__xwzDatePickers[" +this.index + "].active();");
this.objArrow.onfocus=new Function("window.__xwzDatePickers[" +this.index + "].active()");
//this.objLabel.setAttribute('tabIndex', 0);
this.objLabel.onblur=new Function("window.__xwzDatePickers[" +this.index + "].deactive()");
this.objArrow.onblur=new Function("window.__xwzDatePickers[" +this.index + "].deactive()");
this.oText.insertAdjacentElement("afterEnd", this.objField);
if(this.oText.disabled == true) this.__setPropertyAttribute('disabled');
this.oText.style.width='0px';
this.oText.style.visibility='hidden';
this.createWindow();
this.InitializCalendar();
this.display();
window.document.attachEvent("onmousedown", new Function("window.__xwzDatePickers[" +this.index + "].hideCalendar()"));
}
/* ================================================
문서 객체에서의 마우스 다운 이벤트 발생시 비활성화
================================================ */
xwzDatePicker.prototype.hideCalendar = function(){
if(window.event.srcElement ==this.objArrow ||window.event.srcElement ==this.objLabel || window.event.srcElement ==this.imgArrow) return;
if(this.isVisible == true) this.swapVisible();
}
/* ================================================
팝업창 생성함수
================================================ */
xwzDatePicker.prototype.createWindow= function(){
var Doc = null, Body = null, StyleSheet = null;
this.objWindow = window.createPopup();
Doc = this.objWindow.document;
Body = this.objWindow.document.body;
/*생성된 Window 객체에 각 스타일을 적용 시킴*/
Body.style.cssText = "margin:1px;padding:0px;border:#A0A0A0 1px solid;cursor:default;background-color:#FCFCFC;overflow:hidden";
StyleSheet = Doc.createStyleSheet();
StyleSheet.addRule("BODY", "font-size:8pt;color:#666666;font-family:sans-serif,serif");
StyleSheet.addRule("TD", "font-size:8pt;color:#666666;font-family:sans-serif,serif");
StyleSheet.addRule("SPAN", "font-size:8pt;font-family:sans-serif,serif");
StyleSheet.addRule("DIV", "font-size:8pt;color:#666666;font-family:sans-serif,serif");
StyleSheet.addRule(".cssTitle", "color:#0000FF;font-size:13px;font-family:Verdana;");
StyleSheet.addRule(".cssTitleOver", "color:#0066CC;font-size:13px;font-family:Verdana;");
StyleSheet.addRule(".cssEmpty", "padding-top:1px;cursor:pointer;height:19;text-align:center;border:#FCFCFC 1px solid;FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF', EndColorStr='#FFFFFF')");
StyleSheet.addRule(".cssEmptyOver", "padding-top:1px;cursor:pointer;height:19;text-align:center;border:#E77B0F 1px solid;FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFF2DD', EndColorStr='#F6A53D')");
StyleSheet.addRule(".cssEmptyOver SPAN", "color:#2F2F2F;FILTER: progid:DXImageTransform.Microsoft.dropShadow( Color=#FFF2DD,offX=1,offY=1,positive=true);width:100%");
StyleSheet.addRule(".cssSel", "padding-top:1px;cursor:default;color:#000000;border:#E77B0F 1px solid;FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFF2DD', EndColorStr='#F6A53D')progid:DXImageTransform.Microsoft.dropShadow( Color=#999999,offX=1,offY=1,positive=true);");
StyleSheet.addRule(".cssDef", "cursor:pointer;border:#FCFCFC 1px solid;");
StyleSheet.addRule(".cssDefOver", "cursor:pointer;border:#7A98AF 1px solid;");
StyleSheet.addRule(".cssDef SPAN", "width:100%;border:#FFFFFF 1px solid;background-color:transparent;");
StyleSheet.addRule(".cssDefOver SPAN","width:100%;border:#FFFFFF 1px solid;border-bottom-color:#D7D1C5;border-right-color:#D7D1C5;background-color:#C9F7FA");
/*년 / 월 선택란*/
StyleSheet.addRule(".cssRect TD.cssItem", "cursor:pointer;color:#666666;border:#F6F6F6 1px solid;background-color:transparent;");
StyleSheet.addRule(".cssRect TD.cssHover", "cursor:pointer;color:#333333;border:#F6A53D 1px solid;background-color:#FFF2DD;");
StyleSheet.addRule(".cssRect TD.cssDisable", "cursor:pointer;color:#666666;border:#CECECE 1px solid;background-color:#FAFAFA;");
StyleSheet.addRule(".cssRect TD.cssItem SPAN", "font-size:10px;font-familye:Tahoma;width:100%;border-top:#F6F6F6 1px solid;border-left:#F6F6F6 1px solid;border-bottom:#F6F6F6 1px solid;border-right:#F6F6F6 1px solid;cursor:pointer;padding:1px 3px 1px 3px");
StyleSheet.addRule(".cssRect TD.cssHover SPAN", "font-size:10px;font-familye:Tahoma;width:100%;border-top:#FFFFFF 1px solid;border-left:#FFFFFF 1px solid;border-bottom:#FFF2DD 1px solid;border-right:#FFF2DD 1px solid;cursor:pointer;padding:1px 3px 1px 3px");
StyleSheet.addRule(".cssRect TD.cssDisable SPAN","font-size:10px;font-familye:Tahoma;width:100%;border-top:#F6F6F6 1px solid;border-left:#F6F6F6 1px solid;border-bottom:#FFFFFF 1px solid;border-right:#FFFFFF 1px solid;cursor:pointer;padding:1px 3px 1px 3px");
StyleSheet.addRule(".cssTab TD.cssItem", "cursor:pointer;color:#666666;letter-spacing: -1;height: 19px;border:#F6F6F6 1px solid;background-color:transparent")
StyleSheet.addRule(".cssTab TD.cssHover","cursor:pointer;color:#333333;letter-spacing: -1;height: 19px;border:#88ACCB 1px solid;background-color:#E8FBFF;border:#70D9FF 1px solid");
StyleSheet.addRule(".cssTab TD.cssItem SPAN", "width:100%;height:17px;border-top:#F6F6F6 1px solid;border-left:#F6F6F6 1px solid;border-bottom:#F6F6F6 1px solid;border-right:#F6F6F6 1px solid;padding: 2 0 0 2;cursor:pointer;")
StyleSheet.addRule(".cssTab TD.cssHover SPAN","width:100%;height:17px;border-top:#FFFFFF 1px solid;border-left:#FFFFFF 1px solid;border-bottom:#E8FBFF 1px solid;border-right:#E8FBFF 1px solid;padding: 2 0 0 2;cursor:pointer;")
}
/* ================================================
달력 초기화 함수
================================================ */
xwzDatePicker.prototype.InitializCalendar = function(){
var Doc = this.objWindow.document;
var table =null,tbody=null, row = null, cell =null, img = null;
table = Doc.createElement("TABLE");
table.setAttribute('cellPadding', 1);
table.setAttribute('cellSpacing', 0);
table.setAttribute('align', 'center');
table.setAttribute('width', '100%');
tbody=Doc.createElement("TBODY");
table.appendChild(tbody);
row = Doc.createElement('TR');
tbody.appendChild(row);
//-- Prev
img = Doc.createElement('img');
img.src=this.Images.prev;
cell = Doc.createElement('TD');
cell.setAttribute('height', 21);
cell.setAttribute('width', 17);
cell.setAttribute('align', 'center');
cell.setAttribute('bgColor', '#E3EDF6');
cell.style.cursor='pointer';
cell.onclick=new Function("window.__xwzDatePickers[" +this.index + "].setCurrentDateSibling(0, -1)");
cell.appendChild(img);
row.appendChild(cell);
img = null; cell=null;
//-- Title
this.lblCaption = Doc.createElement('TD');
this.lblCaption.setAttribute('height', 21);
this.lblCaption.setAttribute('align', 'center');
this.lblCaption.setAttribute('bgColor', '#E3EDF6');
this.lblCaption.style.cursor='default';
/*
---- 년. 월 순서인 경우 ----
var div = Doc.createElement("div");//년
div.style.cssText="display:inline;width:44px;cursor:pointer";
div.innerHTML = " ";
div.onclick=new Function("__xwzDatePickers[" +this.index + "].yearList(__xwzDatePickers[" +this.index + "].dtDisplay.getYear())");
this.lblCaption.appendChild(div);
row.appendChild(this.lblCaption);
div = Doc.createElement("div");//월
div.style.cssText="display:inline;width:40;text-align:right;cursor:pointer;";
div.innerHTML = " 월,";
div.onclick=new Function("var table =window.__xwzDatePickers[" +this.index + "].objWindow.document.getElementById('IDS_MONTH_LIST');table.style.display = table.style.display == 'none' ? '' : 'none';window.__xwzDatePickers[" +this.index + "].objWindow.document.getElementById('IDS_YEAR_LIST').style.display='none';");
this.lblCaption.appendChild(div);
*/
var div = Doc.createElement("div");//월
div.style.cssText="display:inline;width:40;text-align:right;cursor:pointer;";
div.innerHTML = " 월,";
div.onclick=new Function("var table =window.__xwzDatePickers[" +this.index + "].objWindow.document.getElementById('IDS_MONTH_LIST');table.style.display = table.style.display == 'none' ? '' : 'none';window.__xwzDatePickers[" +this.index + "].objWindow.document.getElementById('IDS_YEAR_LIST').style.display='none';");
this.lblCaption.appendChild(div);
div = Doc.createElement("div");//년
div.style.cssText="display:inline;width:44px;cursor:pointer";
div.innerHTML = " ";
div.onclick=new Function("__xwzDatePickers[" +this.index + "].yearList(__xwzDatePickers[" +this.index + "].dtDisplay.getYear())");
this.lblCaption.appendChild(div);
row.appendChild(this.lblCaption);
//-- Next
img = Doc.createElement('img');
img.src=this.Images.next;
cell = Doc.createElement('TD');
cell.setAttribute('height', 21);
cell.setAttribute('width', 17);
cell.setAttribute('align', 'center');
cell.setAttribute('bgColor', '#E3EDF6');
cell.style.cursor='pointer';
cell.onclick=new Function("window.__xwzDatePickers[" +this.index + "].setCurrentDateSibling(0, 1)");
cell.appendChild(img);
row.appendChild(cell);
Doc.body.insertAdjacentElement("beforeEnd",table);
img = null; cell=null, row = null, table=null, tbody=null;
//====[월 선택란]====//
table = Doc.createElement("TABLE");
table.setAttribute('cellPadding', 0);
table.setAttribute('cellSpacing', 2);
table.align="center";
table.style.backgroundColor="#F6F6F6";
table.style.border="#CACACA 1px solid";
table.className="cssTab";
table.setAttribute('id', 'IDS_MONTH_LIST');
table.style.position="absolute";
table.style.left="42";
tbody=Doc.createElement("TBODY");
table.appendChild(tbody);
for(var i = 1 ; i <= 6; i++){
row = Doc.createElement('TR');
tbody.appendChild(row);
cell = Doc.createElement("TD");
cell.className="cssItem";
cell.align="center"
cell.innerHTML = "" + i + this.Formula[0].replace(/([\s\-]+)/, '') + "";
cell.onmouseover=new Function("this.className='cssHover' ");
cell.onmouseout=new Function("this.className='cssItem' ");
cell.onclick=new Function("window.__xwzDatePickers[" +this.index + "].setCurrentDate(__xwzDatePickers[" +this.index + "].dtDisplay.getYear(), "+ i+")");
row.appendChild(cell);
cell = Doc.createElement("TD");
cell.className="cssItem";
cell.align="center"
cell.innerHTML = "" + (6+i) + this.Formula[0].replace(/([\s\-]+)/, '') + "";
cell.onmouseover=new Function("this.className='cssHover' ");
cell.onmouseout=new Function("this.className='cssItem' ");
cell.onclick=new Function("window.__xwzDatePickers[" +this.index + "].setCurrentDate(__xwzDatePickers[" +this.index + "].dtDisplay.getYear(), "+ (6+i)+")");
row.appendChild(cell);
}
Doc.body.insertAdjacentElement("beforeEnd",table);
img = null; cell=null, row = null, table=null, tbody=null;
//====[년도 선택란]====//
table = Doc.createElement("TABLE");
table.setAttribute('cellPadding', 0);
table.setAttribute('cellSpacing', 2);
table.align="center";
table.style.backgroundColor="#F6F6F6";
table.style.border="#CACACA 1px solid";
table.className="cssRect";
table.setAttribute('id', 'IDS_YEAR_LIST');
table.style.position="absolute";
table.style.left="66";
tbody=Doc.createElement("TBODY");
table.appendChild(tbody);
Doc.body.insertAdjacentElement("beforeEnd",table);
img = null; cell=null, row = null, table=null, tbody=null;
//====[요일표시]====//
table = Doc.createElement("TABLE");
table.setAttribute('cellPadding', 1);
table.setAttribute('cellSpacing', 0);
table.setAttribute('align', 'center');
table.setAttribute('width', '100%');
table.style.cssText = 'border-top:#999999 1px solid;border-bottom:#808080 1px solid';
tbody = Doc.createElement("TBODY");
table.appendChild(tbody);
row = Doc.createElement("TR");
for(var i = 0 ; i < this.Weeks.length; i++){
cell = Doc.createElement("TD");
cell.setAttribute('height', 19);
cell.setAttribute('align', 'center');
cell.setAttribute('bgColor', '#F2F2F2');
if(this.WeekColor[i] != null || this.WeekColor[i] !='') cell.style.color=this.WeekColor[i];
cell.innerHTML = this.Weeks[i];
row.appendChild(cell);
}
tbody.appendChild(row);
Doc.body.insertAdjacentElement("beforeEnd",table);
img = null; cell=null, row = null, table=null, tbody=null;
//====[기간없음 표시]====//
this.lblEmpty = Doc.createElement("div");
this.lblEmpty.className="cssEmpty";
this.lblEmpty.style.width="100%"
if(this.isEmpty==false) this.lblEmpty.style.display="none";
this.lblEmpty.onmouseover=function(){this.className='cssEmptyOver';}
this.lblEmpty.onmouseout=function(){this.className='cssEmpty';}
this.lblEmpty.onclick=new Function("window.__xwzDatePickers[" +this.index + "].setEmptyValue();this.className='cssEmpty';");
this.lblEmpty.innerHTML = ""+this.emptyValue+"";
Doc.body.insertAdjacentElement("beforeEnd",this.lblEmpty);
table = Doc.createElement("TABLE");
tbody=Doc.createElement("TBODY");
table.setAttribute('cellPadding', 0);
table.setAttribute('cellSpacing', 1);
table.setAttribute('align', 'center');
table.setAttribute('width', '100%');
table.appendChild(tbody);
var nWeek = 0;
var cells = new Array(0);
for(var i = 0; i < 42; i++){
if(i%7 ==0){
row = Doc.createElement("TR");
tbody.appendChild(row);
}
nWeek = (i%7) ;
cell = Doc.createElement("TD");
cell.setAttribute('align', 'right');
cell.setAttribute('height', '17');
cell.setAttribute('width', '17');
if(this.WeekColor[nWeek] != null || this.WeekColor[nWeek] !='') cell.style.color=this.WeekColor[nWeek];
cell.innerText = i;
row.appendChild(cell);
cells[i] = cell;
}
this.cellCalendar = cells;
Doc.body.insertAdjacentElement("beforeEnd",table);
}
/* ================================================
년도 목록 출력함수
================================================ */
xwzDatePicker.prototype.yearList=function(nYear,isChange)
{
var Doc = this.objWindow.document;
var table =null,tbody=null, row = null, cell =null, img = null;
table =Doc.getElementById('IDS_YEAR_LIST');
tbody=table.tBodies[0];
if( table.style.display == 'none' || isChange==true)
{
for(var i=tbody.rows.length-1;i>=0;i--)
{
tbody.removeChild(tbody.rows[i]);
}
//-- 이전 년도 선택
row = Doc.createElement('TR');
tbody.appendChild(row);
cell = Doc.createElement("TD");
cell.className="cssItem";
cell.align="center";
cell.style.fontSize="8px";
cell.setAttribute('height', 10);
cell.innerHTML = "▲";
cell.onmouseover=new Function("this.className='cssHover' ");
cell.onmouseout=new Function("this.className='cssItem' ");
cell.onclick=new Function("__xwzDatePickers[" +this.index + "].yearList("+(nYear-3)+", true)");
row.appendChild(cell);
for(var i = 2 ; i >0; i--){
row = Doc.createElement('TR');
tbody.appendChild(row);
cell = Doc.createElement("TD");
cell.className="cssItem";
cell.align="center";
cell.innerHTML = ""+(nYear-i)+"";
cell.onmouseover=new Function("this.className='cssHover' ");
cell.onmouseout=new Function("this.className='cssItem' ");
cell.onclick=new Function("__xwzDatePickers[" +this.index + "].setCurrentDate("+(nYear-i)+", " +( this.dtDisplay.getMonth()+1) +")");
row.appendChild(cell);
}
row = Doc.createElement('TR');
tbody.appendChild(row);
cell = Doc.createElement("TD");
cell.align="center";
if(nYear == this.dtDisplay.getYear())
{
cell.className="cssDisable";
cell.innerHTML = ""+nYear+"";
cell.onclick=new Function("__xwzDatePickers[" +this.index + "].objWindow.document.getElementById('IDS_YEAR_LIST').style.display = 'none' ");
}
else
{
cell.className="cssItem";
cell.innerHTML = ""+nYear+"";
cell.onmouseover=new Function("this.className='cssHover' ");
cell.onmouseout=new Function("this.className='cssItem' ");
cell.onclick=new Function("__xwzDatePickers[" +this.index + "].setCurrentDate("+(nYear)+", " +( this.dtDisplay.getMonth()+1) +")");
}
row.appendChild(cell);
for(var i = 1 ; i <=2; i++){
row = Doc.createElement('TR');
tbody.appendChild(row);
cell = Doc.createElement("TD");
cell.align="center";
cell.className="cssItem";
cell.innerHTML = ""+(nYear+i)+"";
cell.onmouseover=new Function("this.className='cssHover' ");
cell.onmouseout=new Function("this.className='cssItem' ");
cell.onclick=new Function("__xwzDatePickers[" +this.index + "].setCurrentDate("+(nYear+i)+", " +( this.dtDisplay.getMonth()+1) +")");
row.appendChild(cell);
}
//-- 다음 년도 선택
row = Doc.createElement('TR');
tbody.appendChild(row);
cell = Doc.createElement("TD");
cell.className="cssItem";
cell.align="center";
cell.style.fontSize="8px";
cell.setAttribute('height', 10);
cell.innerHTML = "▼";
cell.onmouseover=new Function("this.className='cssHover' ");
cell.onmouseout=new Function("this.className='cssItem' ");
cell.onclick=new Function("__xwzDatePickers[" +this.index + "].yearList("+(nYear+3)+", true)");
row.appendChild(cell);
Doc.getElementById('IDS_MONTH_LIST').style.display='none';
table.style.display = '';
}
else
{
table.style.display = 'none';
}
}
/* ================================================
설정된 날짜 변경 함수
================================================ */
xwzDatePicker.prototype.setCurrentDate =function(nYear, nMonth){ this.dtDisplay=new Date(nYear , nMonth-1, 1 );this.display();}
xwzDatePicker.prototype.setCurrentDateSibling =function(nYear, nMonth){ this.dtDisplay=new Date(this.dtDisplay.getYear() + nYear , this.dtDisplay.getMonth() + nMonth, 1 );this.display();}
/* ================================================
날짜 출력 함수
================================================ */
xwzDatePicker.prototype.display =function(){
var dpYear = this.dtDisplay.getYear(), dpMonth = this.dtDisplay.getMonth(), dpDay = 0;
var curYear = this.dtCurrent.getYear(), curMonth = this.dtCurrent.getMonth(), curDay = this.dtCurrent.getDate();
var cells = this.cellCalendar;
var dtTemp = null, nMin = 0, nMax = 0;
dtTemp = new Date(dpYear, dpMonth, 1);
nMin = dtTemp.getDay();
dtTemp = new Date(dpYear, dpMonth+1, 0);
nMax = nMin + dtTemp.getDate()-1;
this.objWindow.document.getElementById('IDS_MONTH_LIST').style.display ='none';
this.objWindow.document.getElementById('IDS_YEAR_LIST').style.display ='none';
/*
---- 년, 월 출력시 ----
this.lblCaption.childNodes[0].innerHTML=dpYear ;
this.lblCaption.childNodes[1].innerHTML=""+ (dpMonth+1)+""+this.Formula[0].replace(/\s/, '')+",";
*/
this.lblCaption.childNodes[0].innerHTML=""+ (dpMonth+1)+""+this.Formula[0].replace(/\s/, '')+",";
this.lblCaption.childNodes[1].innerHTML=dpYear ;
for(var i=0; i < 42; i++){
cells[i].onclick=new Function("return false");
cells[i].onmouseover=new Function("return false");
cells[i].onmouseout=new Function("return false");
if(i>=nMin && i<=nMax){
dpDay = i - nMin+1;
cells[i].innerHTML = ""+dpDay+"";
if(dpYear==curYear && dpMonth==curMonth && dpDay==curDay && this.oText.value !=""){
cells[i].className='cssSel';
}else{
cells[i].className='cssDef';
cells[i].onclick=new Function("with(window.__xwzDatePickers[" +this.index + "]){setDateValue("+dpDay+");}");
cells[i].onmouseover=function(){this.className=this.className + "Over"; }
cells[i].onmouseout=function(){this.className=this.className.replace("Over", "");}
}
}else{
cells[i].className='';
cells[i].innerHTML = " ";
}
}
}