Koleksi Javascript Mas Arul

Kalender
Minggu	Senin	Selasa	Rabu	Kamis	Jumat	Sabtu
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30
Scriptnya :
Letakkan script berikut setelah tag <body>
<center>
<br>
<br>

<script language="JavaScript">
		<!--
		var dDate = new Date();
		var dCurMonth = dDate.getMonth();
		var dCurDayOfMonth = dDate.getDate();
		var dCurYear = dDate.getFullYear();
		var objPrevElement = new Object();
		if (dCurYear < 2000)    // Y2K Fix, Isaac Powell
			dCurYear = dCurYear + 1900; // http://onyx.idbsu.edu/~ipowell
		
			dcalMonth = dCurMonth;
			dcalYear = dCurYear;
			dcalDate = dCurDayOfMonth;
		
		var dAllAvailableDates = "01/05/01,01/07/01,01/14/01,01/25/01,02/02/01,02/12/01,02/15/01,02/20/01,02/25/01,02/27/01,03/01/01,03/03/01,11/29/00,12/10/00,12/15/00,12/28/00,";
		var monthnames = new Array(
			"Januari",
			"Februari",
			"Maret",
			"April",
			"Mei",
			"Juni",
			"Juli",
			"Agustus",
			"September",
			"Oktober",
			"November",
			"Desember");
		var daynames = new Array(
			"Minggu",
			"Senin",
			"Selasa",
			"Rabu",
			"Kamis",
			"Jumat",
			"Sabtu")
		function fToggleColor(myElement) {
			var toggleColor = "#ff0000";
			if (myElement.id == "calDateText") {
				if (myElement.color == toggleColor) {
					myElement.color = "";
				} 
				else {
					myElement.color = toggleColor;
				}
			} 
			else if (myElement.id == "calCell") {
				for (var i in myElement.children) {
					if (myElement.children[i].id == "calDateText") {
						if (myElement.children[i].color == toggleColor) {
						myElement.children[i].color = "";
						} 
					else {
						myElement.children[i].color = toggleColor;
		            }
		         }
		      }
		   }
		}
		function fGetDaysInMonth(iMonth, iYear) {
			var monthDays = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
			if (((iYear % 4 == 0) && (iYear % 100 != 0)) || (iYear % 400 == 0))
				monthDays[1] = 29;
			if (iMonth == "0") {
				iMonth = 11;
			}
			else {
				if (iMonth == "11")
					iMonth = 0;
			}
			return monthDays[iMonth];
		}
		function fBuildCal(iYear, iMonth) {
			var aMonth = new Array();
			aMonth[0] = new Array(7);
			aMonth[1] = new Array(7);
			aMonth[2] = new Array(7);
			aMonth[3] = new Array(7);
			aMonth[4] = new Array(7);
			aMonth[5] = new Array(7);
			aMonth[6] = new Array(7);
			var dCalDate = new Date(iYear, iMonth, 1);
			var iDayOfFirst = dCalDate.getDay();
			var iDaysInMonth = fGetDaysInMonth(iMonth, iYear);
			var iVarDate = 1;
			var i, d, w;
			for (d = iDayOfFirst; d < 7; d++) {
				aMonth[1][d] = iVarDate;
				iVarDate++;
			}
			for (w = 2; w < 7; w++) {
				for (d = 0; d < 7; d++) {
					if (iVarDate <= iDaysInMonth) {
						aMonth[w][d] = iVarDate;
						iVarDate++;
					}
				}
			}
			return aMonth;
		}
		function fDrawCal(iYear, iMonth) {
			//example, MonthName[iMonth-1] == "July"
			var myMonth;
			var iFontSize;
			myMonth = fBuildCal(iYear, iMonth);
			for (w = 1; w < 7; w++) {
				document.write("<tr>")
				for (d = 0; d < 7; d++) {
					myDate = myMonth[w][d];
					if (iMonth < 9)
						itempMonth = "0" + (iMonth+1);
					else
						itempMonth = iMonth + 1;
					if (myDate < 10)
						itempDate = "0" + myDate;
					else
						itempDate = myDate;
					var myDateString = itempMonth + "/" + itempDate + "/" + ("" + iYear).substring(2,4);
					//document.write("dates=" + myDateString)
					document.write("<td align=center>");
					if (!isNaN(myDate)) {
						if (dcalDate == myDate && dcalMonth == iMonth && dcalYear == iYear) {
							myDateText = "<B>" + myDate + "</B>";
							iFontSize = 0
						}
						else {
							myDateText = myDate;
							iFontSize = 0
						}
						if ("home" == "community") {
							if (iFontSize = 0) 
							   myDateText = "<FONT CLASS=\"linksmall\">" + myDateText + "</FONT>";
							document.write("<p id=calDateText><A HREF=\"/content.asp?user=bianca&nextdate=" + itempMonth + "%2F" + itempDate + "%2F" + iYear + "&cal=1&tab=weblogs&fid=&bflag=\">" + myDateText + "</A></p>");
						}
						else {	
							if (dAllAvailableDates.search(myDateString) >= 0) {
							    if (iFontSize = 0)
							        myDateText = "<FONT CLASS=\"linksmall\">" + myDateText + "</FONT>";
								document.write("<p id=calDateText><A HREF=\"home.asp?user=bianca&nextdate=" + itempMonth + "%2F" + itempDate + "%2F" + iYear + "&cal=1&tab=weblogs&fid=&bflag=\">" + myDateText + "</A></p>");
							}
							else {
							    if (iFontSize = 0)
							        myDateText = "<FONT CLASS=\"leftmodulefontcolorsmall\">" + myDateText + "</FONT>";
							    else
							        myDateText = "<FONT CLASS=\"leftmodulefontcolorsmall\">" + myDateText + "</FONT>";
								document.write("<p id=calDateText>" + myDateText + "</p>");
							}
						}
					} 
					else {
						document.write("<div id=calDateText><FONT CLASS=\"standardsmall\"><BR></font></div>");
					}
					document.write("</td>");
				}
				document.write("</tr>");
			}
		}
		function fUpdateCal(iYear, iMonth, iDirection) {
		    var iFontSize;
			if (iDirection == "down") {
				if (iMonth == 0) {
					iMonth = 11;
					if (iYear > 1000) {
						iYear--;
					}
				} 
				else { 
					iMonth--; 
				}
			}
			else if (iDirection == "up") {
				if (iMonth == 11) {
					iMonth = 0;
					iYear++;
				} 
				else { 
					iMonth++; 
				}
			}
			myMonth = fBuildCal(iYear, iMonth);
			for (w = 1; w < 7; w++) {
				for (d = 0; d < 7; d++) {
					if (!isNaN(myMonth[w][d])) {
						myDate = myMonth[w][d];
						if (iMonth < 9)
							itempMonth = "0" + (iMonth+1);
						else
							itempMonth = iMonth + 1;
						if (myDate < 10)
							itempDate = "0" + myDate;
						else
							itempDate = myDate;
						var myDateString = itempMonth + "/" + itempDate + "/" + ("" + iYear).substring(2,4);
						if (dcalDate == myDate && dcalMonth == iMonth && dcalYear == iYear) {
							myDateText = "<B>" + myDate + "</B>";
							iFontSize = 0
						}
						else { 
							myDateText = myDate;
							iFontSize = 0
						}
						if ("home" == "community") {
							if (iFontSize = 0) 
							   myDateText = "<FONT CLASS=\"linksmall\">" + myDateText + "</FONT>";
							calDateText[((7*w)+d)-7].innerHTML = "<A HREF=\"/content.asp?user=bianca&nextdate=" + itempMonth + "%2F" + itempDate + "%2F" + iYear + "&cal=1&tab=weblogs&fid=&bflag=\">" + myDateText + "</A>";
						}
						else { 
							if (dAllAvailableDates.search(myDateString) >= 0) {
							    if (iFontSize = 0)
							        myDateText = "<FONT CLASS=\"linksmall\">" + myDateText + "</FONT>";
								calDateText[((7*w)+d)-7].innerHTML = "<A HREF=\"home.asp?user=bianca&nextdate=" + itempMonth + "%2F" + itempDate + "%2F" + iYear + "&cal=1&tab=weblogs&fid=&bflag=\">" + myDateText + "</A>";
							}
							else {
							    if (iFontSize = 0)
							        myDateText = "<FONT CLASS=\"leftmodulefontcolorsmall\">" + myDateText + "</FONT>";
							    else
							        myDateText = "<FONT CLASS=\"leftmodulefontcolorsmall\">" + myDateText + "</FONT>";
								calDateText[((7*w)+d)-7].innerHTML = myDateText;					
							}
						}
					} 
					else {
						calDateText[((7*w)+d)-7].innerHTML = "<BR>";
					}
				}
			}
			calMonthText.innerText = monthnames[iMonth] + " " + iYear;
			//if ( == iMonth+1 &&  == iYear) {
			//	calLeftTag.innerHTML = "   ";
			//}
			//else {
				calLeftTag.innerHTML = "<A HREF=\"javascript:void(0)\" onClick=\"javascript: fUpdateCal(" + iYear + "," + iMonth + ", 'down'); return false;\"><FONT CLASS=\"linksmall\"><<</FONT></A>";
			//}
			//if (iMonth == dCurMonth && iYear == dCurYear) {
			//	calRightTag.innerHTML = "   ";
			//}
			//else {
				calRightTag.innerHTML = "<A HREF=\"javascript:void(0)\" onClick=\"javascript: fUpdateCal(" + iYear + "," + iMonth + ", 'up'); return false;\"><FONT CLASS=\"linksmall\">>></FONT></A>";
			//}
		}
		// End -->
		</script>



<center>
<table bgcolor="black">
<tbody><tr>
<td>
            <table width="200" bgcolor="white" border="0" cellspacing="0">
              <tbody>
              <tr>
                <td valign="top">
                  <table class="leftmoduletitlebar" width="100%" border="0" cellpadding="4" cellspacing="0">
                    <tbody>
                    <tr>

                      <td>
                        <p><center><font class="leftmoduletitlefontcolor"><b>Kalender</b></font></p></td></tr></tbody></table>
                  <table class="leftmoduleinterior" width="100%" border="0" cellpadding="4" cellspacing="0">
                    <tbody>
                    <tr>
                      <td>
                        <p id="calLeftTag">
                        <script language="JavaScript">
					<!--
						//if ( == dcalMonth &&  == dcalYear) {
						//	document.write("   ");
						//}
						//else {
						
							document.write("<A HREF=\"javascript:void(0)\" onClick=\"javascript: {fUpdateCal(dcalYear, dcalMonth, 'down'); return false;}\"><<</A>");
						//}
						document.write("</P>");
						document.write("</TD><TD>");
						
						document.write("<CENTER><FONT CLASS=\"leftmodulefontcolorsmall\" id=calMonthText>");
						document.write(monthnames[dcalMonth] + " " + dcalYear);
						document.write("</FONT></CENTER>");
						
						document.write("</TD><TD>");
						document.write("<P id=calRightTag ALIGN=right>");
						//if (2 == dcalMonth) {
						//	document.write("   ");
						//}
						//else { 
							document.write("<A HREF=\"javascript:void(0)\" onClick=\"javascript: {fUpdateCal(dcalYear, dcalMonth, 'up'); return false;}\">>></A>");
						//}
						
						//-->
					</script><a href="javascript:void(0)" onclick="javascript: {fUpdateCal(dcalYear, dcalMonth, 'down'); return false;}"></a></p></td><td><center><font class="leftmodulefontcolorsmall" id="calMonthText">Juli 2010</font></center></td><td><p id="calRightTag" align="right"><a href="javascript:void(0)" onclick="javascript: {fUpdateCal(dcalYear, dcalMonth, 'up'); return false;}"></a>

                        </p></td></tr></tbody></table>
                  <table class="leftmoduleinterior" width="100%" border="0" cellpadding="3" cellspacing="0">
                    <tbody>
                    <tr>
                      <td align="middle"><font class="leftmodulefontcolorsmall">Minggu</font></td>
                      <td align="middle"><font class="leftmodulefontcolorsmall">Senin</font></td>
                      <td align="middle"><font class="leftmodulefontcolorsmall">Selasa</font></td>

                      <td align="middle"><font class="leftmodulefontcolorsmall">Rabu</font></td>
                      <td align="middle"><font class="leftmodulefontcolorsmall">Kamis</font></td>
                      <td align="middle"><font class="leftmodulefontcolorsmall">Jumat</font></td>
                      <td align="middle"><font class="leftmodulefontcolorsmall">Sabtu</font></td></tr>
                    <script language="JavaScript">
						var dCurDate = new Date();
						fDrawCal(dcalYear, dcalMonth);
						//document.write("<td colspan=7>");
						//document.write("<FONT SIZE=\"-2\" FACE=\"Verdana\" COLOR=\"#000000\">Today is " + daynames[dCurDate.getDay()] + ", " + monthnames[dCurMonth] + " " + dCurDate.getDate() + ".</font>");
					</script><tr><td align="center"><div id="calDateText"><font class="standardsmall"><br></font></div></td><td align="center"><div id="calDateText"><font class="standardsmall"><br></font></div></td><td align="center"><p id="calDateText"><font class="leftmodulefontcolorsmall">1</font></p></td><td align="center"><p id="calDateText"><font class="leftmodulefontcolorsmall">2</font></p></td><td align="center"><p id="calDateText"><font class="leftmodulefontcolorsmall">3</font></p></td><td align="center"><p id="calDateText"><font class="leftmodulefontcolorsmall">4</font></p></td><td align="center"><p id="calDateText"><font class="leftmodulefontcolorsmall">5</font></p></td></tr><tr><td align="center"><p id="calDateText"><font class="leftmodulefontcolorsmall">6</font></p></td><td align="center"><p id="calDateText"><font class="leftmodulefontcolorsmall">7</font></p></td><td align="center"><p id="calDateText"><font class="leftmodulefontcolorsmall">8</font></p></td><td align="center"><p id="calDateText"><font class="leftmodulefontcolorsmall">9</font></p></td><td align="center"><p id="calDateText"><font class="leftmodulefontcolorsmall">10</font></p></td><td align="center"><p id="calDateText"><font class="leftmodulefontcolorsmall">11</font></p></td><td align="center"><p id="calDateText"><font class="leftmodulefontcolorsmall">12</font></p></td></tr><tr><td align="center"><p id="calDateText"><font class="leftmodulefontcolorsmall">13</font></p></td><td align="center"><p id="calDateText"><font class="leftmodulefontcolorsmall">14</font></p></td><td align="center"><p id="calDateText"><font class="leftmodulefontcolorsmall">15</font></p></td><td align="center"><p id="calDateText"><font class="leftmodulefontcolorsmall">16</font></p></td><td align="center"><p id="calDateText"><font class="leftmodulefontcolorsmall">17</font></p></td><td align="center"><p id="calDateText"><font class="leftmodulefontcolorsmall">18</font></p></td><td align="center"><p id="calDateText"><font class="leftmodulefontcolorsmall">19</font></p></td></tr><tr><td align="center"><p id="calDateText"><font class="leftmodulefontcolorsmall">20</font></p></td><td align="center"><p id="calDateText"><font class="leftmodulefontcolorsmall">21</font></p></td><td align="center"><p id="calDateText"><font class="leftmodulefontcolorsmall">22</font></p></td><td align="center"><p id="calDateText"><font class="leftmodulefontcolorsmall"><b>23</b></font></p></td><td align="center"><p id="calDateText"><font class="leftmodulefontcolorsmall">24</font></p></td><td align="center"><p id="calDateText"><font class="leftmodulefontcolorsmall">25</font></p></td><td align="center"><p id="calDateText"><font class="leftmodulefontcolorsmall">26</font></p></td></tr><tr><td align="center"><p id="calDateText"><font class="leftmodulefontcolorsmall">27</font></p></td><td align="center"><p id="calDateText"><font class="leftmodulefontcolorsmall">28</font></p></td><td align="center"><p id="calDateText"><font class="leftmodulefontcolorsmall">29</font></p></td><td align="center"><p id="calDateText"><font class="leftmodulefontcolorsmall">30</font></p></td><td align="center"><div id="calDateText"><font class="standardsmall"><br></font></div></td><td align="center"><div id="calDateText"><font class="standardsmall"><br></font></div></td><td align="center"><div id="calDateText"><font class="standardsmall"><br></font></div></td></tr><tr><td align="center"><div id="calDateText"><font class="standardsmall"><br></font></div></td><td align="center"><div id="calDateText"><font class="standardsmall"><br></font></div></td><td align="center"><div id="calDateText"><font class="standardsmall"><br></font></div></td><td align="center"><div id="calDateText"><font class="standardsmall"><br></font></div></td><td align="center"><div id="calDateText"><font class="standardsmall"><br></font></div></td><td align="center"><div id="calDateText"><font class="standardsmall"><br></font></div></td><td align="center"><div id="calDateText"><font class="standardsmall"><br></font></div></td></tr>

                    </tbody></table></td></tr></tbody></table>
</td>
</tr>
</tbody></table>
Kembali ke halaman koleksi javascript