xXx

Hexid M1n1 5h3ll MobiLe

backup/home/adminebm/www/english/module/js/_[ Not.Writable ]

File:/backup/home/adminebm/www/english/module/js/calendar.js

//==============================================================================
// 달력 변수, 기본값
//==============================================================================
var JS_VAR_CALENDAR_ID     = "fraCalendar";
var JS_VAR_CALENDAR_WIDTH  = "180px";
var JS_VAR_CALENDAR_HEIGHT = "190px";
var JS_VAR_CALENDAR_CALL   = null;


//==============================================================================
// 달력 생성
//==============================================================================
/***
 * @function
 *     jsCalendar( i_ele )
 * @param
 *     i_ele 대상 텍스트 엘리먼트
 */
function jsCalendar( i_ele ) {
    var layer = document.getElementById(JS_VAR_CALENDAR_ID);

    if ( i_ele != null ) {
         var top  = 0;
         var left = 0;
         var temp = i_ele;

         // 호출 엘리먼트 위치 검색
         do {
                 top  += temp.offsetTop;
                 left += temp.offsetLeft;
                 temp  = temp.offsetParent;
         }
         while ( temp != document.body );

         // 레이어 생성
         if ( layer == null ) {
              layer = document.createElement("iframe");

              layer.id             = JS_VAR_CALENDAR_ID;
              layer.frameBorder    = 0;
              layer.style.display  = "none";
              layer.style.position = "absolute";

              document.body.appendChild(layer);

              layer.contentWindow.document.open();
              layer.contentWindow.document.write(jsCalendarHTML());
              layer.contentWindow.document.close();
         }

         // 레이어 위치
         layer.style.top     = top + i_ele.offsetHeight;
         layer.style.left    = left;
         layer.style.width   = JS_VAR_CALENDAR_WIDTH;
         layer.style.height  = JS_VAR_CALENDAR_HEIGHT;
         layer.style.display = "block";

         // 호출 엘리먼트 저장
         JS_VAR_CALENDAR_CALL = i_ele;
    }
    else {
         if ( layer != null ) layer.style.display = "none";
    }
}


//==============================================================================
// 달력 HTML
//==============================================================================
/***
 * @function
 *     jsCalendarHTML()
 * @return
 *     달력 HTML
 */
function jsCalendarHTML() {
    var html = null;

    html = "<style type='text/css'>* { font:normal 12px dotum; margin:0; padding:0; color:#7F7F7F; }</style>                                                                     " + "\n" +
           "                                                                                                                                                                     " + "\n" +
           "<body style='overflow:hidden;'>                                                                                                                                      " + "\n" +
           "<table width='100%' height='100%' cellpadding='0' cellspacing='0' border='0'>                                                                                        " + "\n" +
           "  <tr>                                                                                                                                                               " + "\n" +
           "    <td height='25'>                                                                                                                                                 " + "\n" +
           "                                                                                                                                                                     " + "\n" +
           "      <table width='100%' height='100%' cellpadding='0' cellspacing='0' border='0' style='border:1px solid #CDCDCD; border-bottom:0;'>                               " + "\n" +
           "        <tr>                                                                                                                                                         " + "\n" +
           "          <td align='center' style='padding:2px 0px 0px 0px;'>                                                                                                       " + "\n" +
           "            <a href='javascript:parent.jsCalendarMove(-1);'>◀</a>                               " + "\n" +
           "            <select id='sltYear'  onchange='parent.jsCalendarUpdate();'></select>                                                                                    " + "\n" +
           "            <select id='sltMonth' onchange='parent.jsCalendarUpdate();'></select>                                                                                    " + "\n" +
           "            <a href='javascript:parent.jsCalendarMove(1);'>▶</a>                                " + "\n" +
           "          <td>                                                                                                                                                       " + "\n" +
           "        <tr>                                                                                                                                                         " + "\n" +
           "      </table>                                                                                                                                                       " + "\n" +
           "                                                                                                                                                                     " + "\n" +
           "    </td>                                                                                                                                                            " + "\n" +
           "  </tr>                                                                                                                                                              " + "\n" +
           "  <tr>                                                                                                                                                               " + "\n" +
           "    <td height='0*'>                                                                                                                                                 " + "\n" +
           "                                                                                                                                                                     " + "\n" +
           "      <table width='100%' height='100%' cellpadding='0' cellspacing='0' border='1' bordercolor='#CDCDCD' style='table-layout:fixed; border-collapse:collapse;'>      " + "\n" +
           "        <thead>                                                                                                                                                      " + "\n" +
           "          <tr align='center' bgcolor='#EDEDED'>                                                                                                                      " + "\n" +
           "            <td style='color:#FF0000;'>일</td>                                                                                                                       " + "\n" +
           "            <td>월</td>                                                                                                                                              " + "\n" +
           "            <td>화</td>                                                                                                                                              " + "\n" +
           "            <td>수</td>                                                                                                                                              " + "\n" +
           "            <td>목</td>                                                                                                                                              " + "\n" +
           "            <td>금</td>                                                                                                                                              " + "\n" +
           "            <td style='color:#0000FF;'>토</td>                                                                                                                       " + "\n" +
           "          </tr>                                                                                                                                                      " + "\n" +
           "        </thead>                                                                                                                                                     " + "\n" +
           "        <tbody id='tbdDate'></tbody>                                                                                                                                 " + "\n" +
           "      </table>                                                                                                                                                       " + "\n" +
           "                                                                                                                                                                     " + "\n" +
           "    </td>                                                                                                                                                            " + "\n" +
           "  </tr>                                                                                                                                                              " + "\n" +
           "  <tr>                                                                                                                                                               " + "\n" +
           "    <td height='20'>                                                                                                                                                 " + "\n" +
           "                                                                                                                                                                     " + "\n" +
           "      <table width='100%' height='100%' cellpadding='0' cellspacing='0' border='0' style='border:1px solid #CDCDCD; border-top:none;'>                               " + "\n" +
           "        <tr>                                                                                                                                                         " + "\n" +
           "          <td align='right' style='padding:2px 3px 0px 0px;'><a href='javascript:parent.jsCalendar(null);'>Close</a></td>" + "\n" +
           "        <tr>                                                                                                                                                         " + "\n" +
           "      </table>                                                                                                                                                       " + "\n" +
           "                                                                                                                                                                     " + "\n" +
           "    </td>                                                                                                                                                            " + "\n" +
           "  </tr>                                                                                                                                                              " + "\n" +
           "</table>                                                                                                                                                             " + "\n" +
           "</body>                                                                                                                                                              " + "\n" +
           "<script type='text/javascript'>parent.jsCalendarInit();</script>                                                                                                     " + "\n";

    return html;
}


//==============================================================================
// 달력 초기화
//==============================================================================
/***
 * @function
 *     jsCalendarInit()
 */
function jsCalendarInit() {
    var layer     = document.getElementById(JS_VAR_CALENDAR_ID).contentWindow.document;
    var sltYear   = layer.getElementById("sltYear");
    var sltMonth  = layer.getElementById("sltMonth");
    var year      = new Date().getFullYear();
    var month     = new Date().getMonth() + 1;

    // 년 초기화
    for ( var i=0; i < 110; i++ ) {
          var opt = sltYear.appendChild(layer.createElement("option"));

          opt.value     = year + 10 - i;
          opt.innerHTML = opt.value + " 년";
    }

    // 월 초기화
    for ( var i=0; i < 12; i++ ) {
          var opt = sltMonth.appendChild(layer.createElement("option"));

          opt.value     = 12 - i;
          opt.innerHTML = opt.value + " 월";
    }

    // 셀렉트박스 선택
    sltYear.value  = year;
    sltMonth.value = month;

    // 달력 갱신
    jsCalendarUpdate();
}


//==============================================================================
// 월 이동
//==============================================================================
/***
 * @function
 *     jsCalendarMove( i_idx )
 * @param
 *     i_idx 진행방향 (-1/1);
 */
function jsCalendarMove( i_idx ) {
    var layer    = document.getElementById(JS_VAR_CALENDAR_ID).contentWindow.document;
    var sltYear  = layer.getElementById("sltYear");
    var sltMonth = layer.getElementById("sltMonth");
    var year     = parseInt(sltYear.value);
    var month    = parseInt(sltMonth.value);

    // 년,월 계산
    month = month + i_idx;

    if ( month < 1 ) {
         year  = year - 1;
         month = 12;
    } else if ( month > 12 ) {
         year  = year + 1;
         month = 1;
    }

    // 셀렉트박스 선택
    sltYear.value  = year;
    sltMonth.value = month;

    // 달력 갱신
    jsCalendarUpdate();
}


//==============================================================================
// 달력 갱신
//==============================================================================
/***
 * @function
 *     jsCalendarUpdate()
 */
function jsCalendarUpdate() {
    var layer    = document.getElementById(JS_VAR_CALENDAR_ID).contentWindow.document;
    var tbdDate  = layer.getElementById("tbdDate");

    var date     = new Date();
    var t_year   = date.getFullYear();
    var t_month  = date.getMonth() + 1;
    var t_day    = date.getDate();
    var year     = parseInt(layer.getElementById("sltYear").value);
    var month    = parseInt(layer.getElementById("sltMonth").value);
    var startday = 0;
    var endday   = 0;

    // 시작일 계산
    date.setYear(year);
    date.setMonth(month - 1)
    date.setDate(1);

    startday = (date.getDay() * -1) + 1;

    // 종료일 계산
    date.setMonth(month);
    date.setTime(date.getTime() - (1000 * 60 * 60 * 24));

    endday = date.getDate();

    // 기존 항목 삭제
    while ( tbdDate.childNodes.length != 0 ) {
            tbdDate.removeChild(tbdDate.childNodes[0]);
    }

    // 주단위 LOOP
    for ( var i=0; i < 6; i++ ) {
          var tr = tbdDate.appendChild(layer.createElement("tr"));
          tr.align = "center";

          // 이번주
          if ( (year == t_year) && (month == t_month) ) {
               if ( (startday <= t_day) && (startday + 6 >= t_day) ) {
                    tr.style.backgroundColor = "#FDEFE6";
               }
          }

          // 일단위 LOOP
          for ( var x=0; x < 7; x++ ) {
                var td = tr.appendChild(layer.createElement("td"));

                if ( (startday >= 1) && (startday <= endday) ) {
                     td.innerHTML    = startday;
                     td.style.cursor = "pointer";
                     td.onclick      = function() { 
                        if (parent.main) {
                            parent.main.jsCalendarSelect(this.innerHTML); 
                        } else {
                            parent.jsCalendarSelect(this.innerHTML);
                        }
                     }

                     // 토요일
                     if ( x == 6 ) td.style.color = "#0000FF";

                     // 일요일
                     if ( x == 0 ) td.style.color = "#FF0000";

                     // 오늘
                     if ( (year == t_year) && (month == t_month) && (startday == t_day) ) {
                          td.style.backgroundColor = "#FFAEA2";
                          td.onmouseover           = function() { this.style.fontWeight = "bolder"; this.style.backgroundColor = "#F59DCA"; }
                          td.onmouseout            = function() { this.style.fontWeight = "normal"; this.style.backgroundColor = "#FFAEA2"; }
                     }
                     else {
                          td.style.backgroundColor = "";
                          td.onmouseover           = function() { this.style.fontWeight = "bolder"; this.style.backgroundColor = "#F59DCA"; }
                          td.onmouseout            = function() { this.style.fontWeight = "normal"; this.style.backgroundColor = "";        }
                     }
                }
                else {
                     td.innerHTML = "&nbsp;";
                }

                startday++;
          }
    }
}


//==============================================================================
// 달력 선택
//==============================================================================
/***
 * @function
 *     jsCalendarSelect( i_day );
 * @param
 *     i_day 선택 일
 */
function jsCalendarSelect( i_day ) {
    var layer = document.getElementById(JS_VAR_CALENDAR_ID);
    var year  = layer.contentWindow.document.getElementById("sltYear").value;
    var month = layer.contentWindow.document.getElementById("sltMonth").value;

    if ( month.length == 1 ) month = "0" + month;
    if ( i_day.length == 1 ) i_day = "0" + i_day;

    JS_VAR_CALENDAR_CALL.value = year + "-" + month + "-" + i_day;

    layer.style.display = "none";
}

Your Access Expired	Date. in : 12-08-2025
Regist : 09-12-2024	Expired : 01-12-2027