웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
생각이 나서 낑낑거리고 만들고 나서
인터넷 여기저기 찾아보니 비슷한 소스가 있더군요.
오기가 나서 기념일 기능까지 추가했습니다.
달력 검색은 기원전 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>
/////////////////////////////////////////////////////////////////////////////////////////
개판 오분전 만년달력......ㅡ,.ㅡ
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>
/////////////////////////////////////////////////////////////////////////////////////////
댓글 4
제목 | 글쓴이 | 날짜 |
---|---|---|
오늘의 명언을 출력해주는 함수 [10] | 김재경 | 2004.06.15 |
아이피 접근을 막고 메세지 출력하기.. [11] | ☺심심 | 2004.06.24 |
페이지에 암호를 걸자..=_= [27] | ☺심심 | 2004.06.25 |
파일업로드시 파일명 중복되지 않게 저장하기.. [8] | 페리 | 2004.06.28 |
서버가 느려졌을경우... [20] | 신상우 | 2004.06.28 |
<와 <=의 속도차이? [23] | 플로렐라 | 2004.07.07 |
++와 +=1 의 속도차이 [7] | 플로렐라 | 2004.07.12 |
히어닥 문법 활용 [14] | ☺심심 | 2004.07.13 |
트랙백 구현하기 - 3. PHP로 트랙백 핑 보내기
[4]
![]() | TheMics | 2004.07.18 |
트랙백 구현하기 - 4. PHP로 트랙백 핑 받기
![]() | TheMics | 2004.07.18 |
rand함수와 mt_rand함수의 비교 [6] | 심심타 | 2004.07.30 |
디비내용을 엑셀,워드,파워포인트 파일로 다운로드 시키는 방법 [13] | QQQ | 2004.07.30 |
php로 이미지를 mysql디비 저장하고 보여주는 소스 [2] | QQQ | 2004.07.30 |
IP 뒤에 두칸 글자 길이에 따라서 *로 나타내기 [13] | Sy-Tgt(stargt) | 2004.07.30 |
ISO 3166 국가코드로인한, 국가 검출소스 [4] | kein23 | 2004.08.04 |
파일업로드시 파일명 중복되지 않게 저장하기... [6] | 김지호 | 2004.08.06 |
PHP프로그램에 간단한 인증(로그인) 걸기. [15] | Lepas | 2004.08.09 |
접속자 IP 주소 텍스트로 저장 [7] | 천상원 | 2004.08.15 |
공유 메모리 제어에 관한 함수 정리 (공유메모리) [5] | Simsim | 2004.08.16 |
4. include, require 그리고 뽀나쓰~ [8] | 티다 | 2004.08.19 |