웹마스터 팁

  2. Support
  3. 웹마스터 팁

개판 오분전 만년달력......ㅡ,.ㅡ

2003.10.08 17:06

미친개



생각이 나서 낑낑거리고 만들고 나서
인터넷 여기저기 찾아보니 비슷한 소스가 있더군요.
오기가 나서 기념일 기능까지 추가했습니다.
달력 검색은 기원전 999년에서 기원후 9999년까지 가능합니다.
(기원전 : -555  <-- 이런 식으로)

기념일 추가하려면 자바스크립트라서 소스 수정해야 합니다.
시간 나고 오기 나면 php 로 일정 잡아주는 기능있는 소스를 한번 만들어보고 싶습니다.

////////////////////////////////////////////////////////////////////////////


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>개판오분전 만년달력</title>

<SCRIPT LANGUAGE="JavaScript">
<!--

inn = new Date();       //-- 심심해서 정의해준 시간

function load()   {
       document.aaa._year.value = inn.getFullYear();
       document.aaa._month.selectedIndex = inn.getMonth();
             make_tab(inn.getFullYear(),inn.getMonth());
             }
end_date = new Array(32,29,32,31,32,31,32,32,31,32,31,32);     //-- 각 월의 끝날을 알기 위한 배열

mmday = new Array(                      
        //-- 기념일. 월을 선택하면 기념일이 레이어에 뜬다.
        //-- 첫배열은 1월, 둘째배열은 2월.......
        //-- 기념일 추가는 날짜와 기념일 이름의 식으로 추가하면 된다. 콤마 찍고.....
                
        new Array(1,"설날",16,"미친개 생신"),
        new Array(16,"미친개 생신"),
        new Array(1,"삼일절",16,"미친개 생신"),
  
        new Array(5,"식목일",16,"미친개 생신"),
        new Array(5,"어린이날",8,"어버이날",16,"미친개 생신"),
        new Array(6,"현충일",16,"미친개 생신"),
                
        new Array(17,"제헌절",16,"미친개 생신"),
        new Array(15,"광복절",16,"미친개 생신"),
        new Array(16,"미친개 생신"),
        
        new Array(1,"국군의 날",3,"개천절",9,"한글날",16,"미친개 생신"),
        new Array(16,"미친개 생신"),
        new Array(16,"미친개 생신",25,"성탄절")
                
        );
                
function make_tab(aaa,xxx)  {       //-- 연도와 월을 인자로 받아 해당연의 해당월의 1일의 요일을 구해 테이블을 맹글고 기념일을 써주고 ...
   if(aaa.length < 4) return;
   dat1 = new Date(aaa,xxx);
   dat2 = dat1.getDay();
   in_it2(dat2);mm(xxx);
   }
                        
function mm(mon)   {       //-- 기념일 배열을 적당한 형태로 레이어에 써주는 함수
        str2 = "";
        for(m=0;m<mmday[mon].length;m+=2) str2 += mmday[mon][m] + "일 : " + mmday[mon][m + 1] + "<br>";
        document.all.maddog111.innerHTML = str2;
        }
                                        
function         in_it2(start)   {          //-- 달력을 테이블로 만들어 레이어에 뿌려줌  

      start_num = start * (-1)  + 1;
      end_num = end_date[document.aaa._month.selectedIndex];
      if(end_num == 29)  {         //-- 2월의 끝날을 구하는 부분. 4의 배수년은 29일 100의 배수년은 28일 400의 배수년은 29일
              myear = document.aaa._year.value;
              if(myear % 4 == 0 ) end_num = 30;
        if(myear % 100 == 0) end_num = 29;
        if(myear % 400 == 0) end_num = 30;
              }
      str = "<table border=1><tr>";
      for(i=start_num;i<end_num;i++)  {
               if(i<1) str += "<td bgcolor=white width=25 height=25 align=right></td>";
         else      str += "<td bgcolor=white width=25 height=25 align=right valign=bottom>" + i + "</td>";
         if((start + i) % 7 == 0) str += "</tr><tr>";
         }
      str += "</tr></table>";
      document.all.maddog1.innerHTML = str;
   }


//-->
</SCRIPT>
</head>

<BODY onLoad="load();" scroll=no bgcolor=#9c9c9c>
<form name=aaa>
<input type=text size=4 maxlength=4 name=_year onpropertychange="javascript:make_tab(this.value,document.aaa._month.value)"><b>년</b>
<select name=_month onchange="javscript:make_tab(document.aaa._year.value,this.options[selectedIndex].value)">
<option value=0>1월</option>
<option value=1>2월</option>
<option value=2>3월</option>
<option value=3>4월</option>
<option value=4>5월</option>
<option value=5>6월</option>
<option value=6>7월</option>
<option value=7>8월</option>
<option value=8>9월</option>
<option value=9>10월</option>
<option value=10>11월</option>
<option value=11>12월</option>
</select>
</form>


<div id='mylayer' style='position:absolute; left:50px; top:100px; width:175; hgight=175; clip:rect(0,220,200,0);layer-background-color:white';>


<DIV ID="maddog11" STYLE="position:absolute; left:0px; top:0px; width:430px; height:200px;background-color:white;">
<table border=1>
<tr>
<td bgcolor=white width=25 height=25><font color=red><b>일</b></font></td>
<td bgcolor=white width=25 height=25><font color=black><b>월</b></font></td>
<td bgcolor=white width=25 height=25><font color=black><b>화</b></font></td>
<td bgcolor=white width=25 height=25><font color=black><b>수</b></font></td>
<td bgcolor=white width=25 height=25><font color=black><b>목</b></font></td>
<td bgcolor=white width=25 height=25><font color=black><b>금</b></font></td>
<td bgcolor=white width=25 height=25><font color=blue><b>토</b></font></td>

</tr>
</table>
</div>

<DIV ID="maddog1" STYLE="position:absolute; left:0px; top:30px; width:500px; height:200px;background-color:white;">

</div>
</div>

<DIV ID="maddog111" STYLE="position:absolute; left:300px; top:100px; width:150px; height:200px;background-color:9c9c9c;">

</div>


</BODY>
</html>
/////////////////////////////////////////////////////////////////////////////////////////
이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
정말 멋있는 글자 변환 스크립트 [12] sythesis 2003.11.07
자바스크립트로 작성한 그림맞추기 퍼즐게임 [2] 김별 2003.11.05
자바스크립트로 윈도우 흉내내기 (?) [15] 뒹굴리스트 2003.11.03
[초간단 자바스크립트!] 이미지 드래그하기..~~ [8] ∑Ztxy 2003.11.02
마우스 이벤트 발생시 문서 상,하단으로 이동 [3] RedEye(kaist) 2003.10.30
클릭하면 홈페이지를 시작페이지로 하는 소스... [7] 젤군 2003.10.28
식대 계산기... ^^ [3] 김주형 2003.10.27
더 이상의 필터링은 없다!!! [10] 미친개 2003.10.26
[초간단 자바스크립트!] 자바로 플래시 따라하기! [3] ∑Ztxy 2003.10.15
스물을 세면 죽음이야~~~ [20] 미친개 2003.10.14
[초간단 자바스크립트!] 트랜지션 공지사항!! ∑Ztxy 2003.10.13
플래시 크기 바꾸기 [IE/NS 겸용] [4] teslaMINT 2003.10.13
새창 띄운후 부모창 확인없이 닫기... [4] PHASE 2003.10.12
개판 오분전 - 이미지 뷰에 관한 한가지 힌트 [5] 미친개 2003.10.11
[초간단 자바스크립트!] 날짜 카운터! 커플홈에 강추!! [15] ∑Ztxy 2003.10.08
개판 오분전 만년달력......ㅡ,.ㅡ [4] 미친개 2003.10.08
게시판 스킨에 프린트 버튼 추가하기 [3] PHASE 2003.09.30
[초간단 자바스크립트!] 홈페이지에 FTP 폼 넣기?! [10] ∑Ztxy 2003.09.29
[초간단 자바스크립트(강의)!] 입력박스에 입력한 주소로 이동하기... ∑Ztxy 2003.09.27
[초간단 자바스크립트(강의)!] 풀스크린 창 띄우기... [3] ∑Ztxy 2003.09.27
태그 쓰기