free original mouse-drawn graphics
The best view with light backgrounds!
Java Script calendar displays days, months and years.
1. Copy and save this image:
2.Copy and paste javascript between <body> and </body> tags:
<script> <!-- document.write(unescape("%3CTABLE%20background%3D%22prov3.gif%22%20width%3D%22119%22%20height%3D%22169%22%20title%3D%22Get%20Your%20Calendar%20at%20%A9%20Dubliner%20Design%22%3E%3CTR%3E%3CTD%3E%26nbsp%3B%3C/TR%3E%3C/TD%3E%3CTR%3E%3Ctd%20height%3D%22105%22%20align%3D%22middle%22%3E")); //--> </script> <SCRIPT language="JavaScript"> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!--//Begin monthnames = new Array( "January", "Februrary", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"); 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 < 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("<FONT face='tahoma'>"); document.write("<table border=0 " ); document.write("bordercolor=black style='font-size : 9px; color : #000000;' cellpadding=0 cellspacing=1>"); document.write("<tr><td colspan=7><center>" + monthnames[thismonth] + " " + thisyear + "</center></td></tr>"); document.write("<tr>"); document.write("<td align=center><font color=#FA0047>S</font></td>"); document.write("<td align=center>M</td>"); document.write("<td align=center>T</td>"); document.write("<td align=center>W</td>"); document.write("<td align=center>T</td>"); document.write("<td align=center>F</td>"); document.write("<td align=center><font color=#3B00FA>S</font></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>"); 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==thisdate) { document.write("<B>"); } if (count <= monthdays[thismonth]) { document.write(count); } else { document.write("-"); } if (count==thisdate) { document.write("</B>"); } if (linktrue) document.write("</a>"); document.write("</td>"); count++; } document.write("</tr>"); document.write("<tr>"); startspaces=0; } document.write("</table>"); document.write("</FONT>"); // End --> </SCRIPT> <script> <!-- document.write(unescape("%3C/a%3E%3C/TD%3E%3C/TR%3E%3CTR%3E%3CTD%20height%3D%2232%22%20align%3D%22middle%22%3E%3Cfont%20size%3D%22-2%22%20face%3D%22Geneva%2C%20Arial%2C%20Helvetica%2C%20sans-serif%22%3E%3Ca%20href%3D%22http%3A//www.margareta.se%22%20TARGET%3D%22_blank%22%3E%26copy%3B%20Dubliner%20Design%3C/a%3E%3C/font%3E%3C/TD%3E%3C/TR%3E%3C/TABLE%3E")); //--> </script> </div> <p></p> <div align="center"> <p> </p> <p> <textarea name="textfield"></textarea> </p> </div> </td> </tr> </table>
You can also use another images like this:
But don't forget to change the filename in your html-code.
Download here
next...
HOME