MEMBUAT KALENDER CANTIK DENGAN JAVA SCRIPT

<SCRIPT LANGUAGE=”JavaScript”>
<!– Begin
monthnames = new Array(
“Januari”,
“Februari”,
“Maret”,
“April”,
“Mei”,
“Juni”,
“Juli”,
“Agustus”,
“September”,
“Oktober”,
“November”,
“Desember”);
var linkcount=0;
function addlink(month, day, href) {
var entry = new Array(3);
entry[0] = month;
entry[1] = day;
entry[2] = href;
this[linkcount++] = entry;
}
Array.prototype.addlink = addlink;
linkdays = new Array();
monthdays = new Array(12);
monthdays[0]=31;
monthdays[1]=28;
monthdays[2]=31;
monthdays[3]=30;
monthdays[4]=31;
monthdays[5]=30;
monthdays[6]=31;
monthdays[7]=31;
monthdays[8]=30;
monthdays[9]=31;
monthdays[10]=30;
monthdays[11]=31;
<?
$saiki = date(”d M Y”);
?>;
saiki=”<? echo $saiki ?>”;
todayDate=new Date(saiki);
thisday=todayDate.getDay();
thismonth=todayDate.getMonth();
thisdate=todayDate.getDate();
thisyear=todayDate.getYear();
thisyear = thisyear % 100;
thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear));
if (((thisyear % 4 == 0)
&& !(thisyear % 100 == 0))
||(thisyear % 400 == 0)) monthdays[1]++;
startspaces=thisdate;
while (startspaces > 7) startspaces-=7;
startspaces = thisday – startspaces + 1;
if (startspaces < 0) startspaces+=7;
document.write(”<table align= center border=1 cellspacing=1 cellpadding=1″);
document.write(”bordercolor=#666666 width=30><font color=black>”);
document.write(”<tr><td colspan=7><center><font size=1></font></center></td></tr>”);
document.write(”<tr><td colspan=7 bgcolor=#CCCCCC><strong><center><font size=1>”
+ monthnames[thismonth] + ” ” + thisyear
+ “</font></center></font></strong></td></tr>”);
document.write(”<tr>”);
document.write(”<td align=center bgcolor=#CCCCCC><strong><font size=1 color=red>M</font></strong></td>”);
document.write(”<td align=center bgcolor=#CCCCCC><strong><font size=1>S</font></strong></td>”);
document.write(”<td align=center bgcolor=#CCCCCC><strong><font size=1>S</font></strong></td>”);
document.write(”<td align=center bgcolor=#CCCCCC><strong><font size=1>R</font></strong></td>”);
document.write(”<td align=center bgcolor=#CCCCCC><strong><font size=1>K</font></strong></td>”);
document.write(”<td align=center bgcolor=#CCCCCC><strong><font size=1>J</font></strong></td>”);
document.write(”<td align=center bgcolor=#CCCCCC><strong><font size=1>S</font></strong></td>”);
document.write(”</tr>”);
document.write(”<tr>”);
for (s=0;s<startspaces;s++) {
document.write(”<td> </td>”);
}
count=1;
while (count <= monthdays[thismonth]) {
for (b = startspaces;b<7;b++) {
linktrue=false;
document.write(”<td align=center bgcolor=#999999><font size=1>”);
for (c=0;c<linkdays.length;c++) {
if (linkdays[c] != null) {
if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) {
document.write(”<a href=\”” + linkdays[c][2] + “\”>”);
linktrue=true;
}
}
}
if (count <= monthdays[thismonth]) {
if (b==0) {
document.write(”<font color=red>”);}

if (count==thisdate) {
document.write(”<font size=2 color=white><strong>”);}

document.write(count);

if (count==thisdate) {
document.write(”</strong></font>”);}
if (b==0){
document.write(”</font>”);}
if (b==5){
document.write(”</font>”);}

}
else {
document.write(” “);
}
if (linktrue)
document.write(”</a>”);
document.write(”</font></td>”);
count++;
}
document.write(”</tr>”);
document.write(”<tr>”);
startspaces=0;
}
document.write(”</table>”);
// End –>
</SCRIPT>

About these ads

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.

%d bloggers like this: