|
|
 |
클라우드태그
Javascript PHP ASP css html mysql jquery image API Mobile 메뉴 slide 게시판
|
 |
 |
| 현재접속자 명 |
 |
|
|
|
|
|
|
 |
Dynamic 웹달력 |
|
|
|
|
 |
소스분류 |
시간,날짜 |
|
|
다운로드 횟수 |
974 회 |
|
|
|
간단설명 |
다이나믹 웹달력 스크립트입니다. |
|
|
|
|
|
|
|
HappyCGI.com
<SCRIPT LANGUAGE="JavaScript"><br />
<!-- Original: Nick Korosi (nfk2000@hotmail.com) --><br />
<br />
<!-- Begin<br />
var dDate = new Date();<br />
var dCurMonth = dDate.getMonth();<br />
var dCurDayOfMonth = dDate.getDate();<br />
var dCurYear = dDate.getFullYear();<br />
var objPrevElement = new Object();<br />
<br />
function fToggleColor(myElement) {<br />
var toggleColor = "#ff0000";<br />
if (myElement.id == "calDateText") {<br />
if (myElement.color == toggleColor) {<br />
myElement.color = "";<br />
} else {<br />
myElement.color = toggleColor;<br />
}<br />
} else if (myElement.id == "calCell") {<br />
for (var i in myElement.children) {<br />
if (myElement.children[i].id == "calDateText") {<br />
if (myElement.children[i].color == toggleColor) {<br />
myElement.children[i].color = "";<br />
} else {<br />
myElement.children[i].color = toggleColor;<br />
}<br />
}<br />
}<br />
}<br />
}<br />
function fSetSelectedDay(myElement){<br />
if (myElement.id == "calCell") {<br />
if (!isNaN(parseInt(myElement.children["calDateText"].innerText))) {<br />
myElement.bgColor = "#c0c0c0";<br />
objPrevElement.bgColor = "";<br />
document.all.calSelectedDate.value = parseInt(myElement.children["calDateText"].innerText);<br />
objPrevElement = myElement;<br />
}<br />
}<br />
}<br />
function fGetDaysInMonth(iMonth, iYear) {<br />
var dPrevDate = new Date(iYear, iMonth, 0);<br />
return dPrevDate.getDate();<br />
}<br />
function fBuildCal(iYear, iMonth, iDayStyle) {<br />
var aMonth = new Array();<br />
aMonth[0] = new Array(7);<br />
aMonth[1] = new Array(7);<br />
aMonth[2] = new Array(7);<br />
aMonth[3] = new Array(7);<br />
aMonth[4] = new Array(7);<br />
aMonth[5] = new Array(7);<br />
aMonth[6] = new Array(7);<br />
var dCalDate = new Date(iYear, iMonth-1, 1);<br />
var iDayOfFirst = dCalDate.getDay();<br />
var iDaysInMonth = fGetDaysInMonth(iMonth, iYear);<br />
var iVarDate = 1;<br />
var i, d, w;<br />
if (iDayStyle == 2) {<br />
aMonth[0][0] = "Sunday";<br />
aMonth[0][1] = "Monday";<br />
aMonth[0][2] = "Tuesday";<br />
aMonth[0][3] = "Wednesday";<br />
aMonth[0][4] = "Thursday";<br />
aMonth[0][5] = "Friday";<br />
aMonth[0][6] = "Saturday";<br />
} else if (iDayStyle == 1) {<br />
aMonth[0][0] = "Sun";<br />
aMonth[0][1] = "Mon";<br />
aMonth[0][2] = "Tue";<br />
aMonth[0][3] = "Wed";<br />
aMonth[0][4] = "Thu";<br />
aMonth[0][5] = "Fri";<br />
aMonth[0][6] = "Sat";<br />
} else {<br />
aMonth[0][0] = "Su";<br />
aMonth[0][1] = "Mo";<br />
aMonth[0][2] = "Tu";<br />
aMonth[0][3] = "We";<br />
aMonth[0][4] = "Th";<br />
aMonth[0][5] = "Fr";<br />
aMonth[0][6] = "Sa";<br />
}<br />
for (d = iDayOfFirst; d < 7; d++) {<br />
aMonth[1][d] = iVarDate;<br />
iVarDate++;<br />
}<br />
for (w = 2; w < 7; w++) {<br />
for (d = 0; d < 7; d++) {<br />
if (iVarDate <= iDaysInMonth) {<br />
aMonth[w][d] = iVarDate;<br />
iVarDate++;<br />
}<br />
}<br />
}<br />
return aMonth;<br />
}<br />
function fDrawCal(iYear, iMonth, iCellWidth, iCellHeight, sDateTextSize, sDateTextWeight, iDayStyle) {<br />
var myMonth;<br />
myMonth = fBuildCal(iYear, iMonth, iDayStyle);<br />
document.write("<table border=``1``>")<br />
document.write("<tr>");<br />
document.write("<td align=``center`` style=``FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold``>" + myMonth[0][0] + "</td>");<br />
document.write("<td align=``center`` style=``FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold``>" + myMonth[0][1] + "</td>");<br />
document.write("<td align=``center`` style=``FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold``>" + myMonth[0][2] + "</td>");<br />
document.write("<td align=``center`` style=``FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold``>" + myMonth[0][3] + "</td>");<br />
document.write("<td align=``center`` style=``FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold``>" + myMonth[0][4] + "</td>");<br />
document.write("<td align=``center`` style=``FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold``>" + myMonth[0][5] + "</td>");<br />
document.write("<td align=``center`` style=``FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold``>" + myMonth[0][6] + "</td>");<br />
document.write("</tr>");<br />
for (w = 1; w < 7; w++) {<br />
document.write("<tr>")<br />
for (d = 0; d < 7; d++) {<br />
document.write("<td align=``left`` valign=``top`` width=``" + iCellWidth + "`` height=``" + iCellHeight + "`` id=calCell style=``CURSOR:Hand`` onMouseOver=``fToggleColor(this)`` onMouseOut=``fToggleColor(this)`` onclick=fSetSelectedDay(this)>");<br />
if (!isNaN(myMonth[w][d])) {<br />
document.write("<font id=calDateText onMouseOver=``fToggleColor(this)`` style=``CURSOR:Hand;FONT-FAMILY:Arial;FONT-SIZE:" + sDateTextSize + ";FONT-WEIGHT:" + sDateTextWeight + "`` onMouseOut=``fToggleColor(this)`` onclick=fSetSelectedDay(this)>" + myMonth[w][d] + "</font>");<br />
} else {<br />
document.write("<font id=calDateText onMouseOver=``fToggleColor(this)`` style=``CURSOR:Hand;FONT-FAMILY:Arial;FONT-SIZE:" + sDateTextSize + ";FONT-WEIGHT:" + sDateTextWeight + "`` onMouseOut=``fToggleColor(this)`` onclick=fSetSelectedDay(this)> </font>");<br />
}<br />
document.write("</td>")<br />
}<br />
document.write("</tr>");<br />
}<br />
document.write("</table>")<br />
}<br />
function fUpdateCal(iYear, iMonth) {<br />
myMonth = fBuildCal(iYear, iMonth);<br />
objPrevElement.bgColor = "";<br />
document.all.calSelectedDate.value = "";<br />
for (w = 1; w < 7; w++) {<br />
for (d = 0; d < 7; d++) {<br />
if (!isNaN(myMonth[w][d])) {<br />
calDateText[((7*w)+d)-7].innerText = myMonth[w][d];<br />
} else {<br />
calDateText[((7*w)+d)-7].innerText = " ";<br />
}<br />
}<br />
}<br />
}<br />
// End --><br />
</script>
<script language="JavaScript" for=window event=onload><br />
<!-- Begin<br />
var dCurDate = new Date();<br />
frmCalendarSample.tbSelMonth.options[dCurDate.getMonth()].selected = true;<br />
for (i = 0; i < frmCalendarSample.tbSelYear.length; i++)<br />
if (frmCalendarSample.tbSelYear.options[i].value == dCurDate.getFullYear())<br />
frmCalendarSample.tbSelYear.options[i].selected = true;<br />
// End --><br />
</script>
| |
