Membuat Kalender (JavaScript)

Seperti pada tips sebelumnya yang membuat kalender menggunakan bahasa atau kode PHP kali ini saya akan mencoba membuat widget atau menu kalender menggunakan bahasa JavaScrip. Dan cara ini sangat mudah disbanding dengan tips sebelumnya. Seperti biasa langkah- langkahnya sbb:

• Buat file HTML menggunakan notepad atau software sejenis laniya

• Copy kode berikut ini dan letakan diantara tag body- /body

<script language="JavaScript"><br /><!-- Begin monthnames = new Array( "Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "Nopember", "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; todayDate=new Date(); thisday=todayDate.getDay(); thismonth=todayDate.getMonth(); thisdate=todayDate.getDate(); thisyear=todayDate.getYear(); thisyear = thisyear % 100; thisyear = ((thisyear < 4 ="="" 100 ="="" 400 ="="" startspaces="thisdate;"> 7) startspaces-=7;<br />startspaces = thisday - startspaces + 1;<br />if (startspaces < border="0" cellspacing="1" cellpadding="0" bordercolor="#666666" width="100%"><span>");<br />document.write("<tr><td colspan="7"><center><strong><span>"<br />+ monthnames[thismonth] + " " + thisyear<br />+ "</span></strong></center></span></td></tr>");<br />document.write("<tr>");<br />document.write("<td align="center"><span>M</span></td>");<br />document.write("<td align="center"><span>S</span></td>");<br />document.write("<td align="center"><span>S</span></td>");<br />document.write("<td align="center"><span>R</span></td>");<br />document.write("<td align="center"><span>K</span></td>");<br />document.write("<td align="center"><span>J</span></td>");<br />document.write("<td align="center"><span>S</span></td>");<br />document.write("</tr>");<br />document.write("<tr>");<br />for (s=0;s<startspaces;s++)> </td>");<br />}<br />count=1;<br />while (count <= monthdays[thismonth]) { for (b = startspaces;b<7;b++) linktrue="false;" align="center"><span>");<br /> for (c=0;c<linkdays.length;c++) href="\">");<br /> linktrue=true;<br /> }<br /> }<br /> }<br /> if (count <= monthdays[thismonth]) { if (b==0) { document.write("<span>");}<br /> if (b==5) {<br /> document.write("<span>");}<br /> if (count==thisdate) {<br /> document.write("<span><strong>");}<br /><br /> document.write(count);<br /><br /> if (count==thisdate) {<br /> document.write("</strong></span>");} <br /> if (b==0){<br /> document.write("</span>");}<br /> if (b==5){<br /> document.write("</span>");}<br /><br /> }<br /> else {<br /> document.write(" ");<br /> }<br /> if (linktrue)<br /> document.write("</a>");<br /> document.write("</span></td>");<br /> count++;<br /> }<br /> document.write("</tr>");<br /> document.write("<tr>");<br /> startspaces=0;<br />}<br />document.write("</table>");<br />// End --><br /></script>

• Setelah anda copykan kode tersebut diatas simpan file tersebut dengan nama sesuai yang anda inginkan dan simpan dengan extensi .HTML

• Selanjtnya untuk melihat hasilnya anda tinggal menjalankan file tersebut pada browser yang anda gunakan dengan 2X klik (Double Clik) dan hasilnya kurang lebih akan seperti gambar berikut