The JavaScript Source: Time and Date: Cookie Calendar

Home

Cookie Calendar

This calendar, written entirely in JavaScript, uses cookies to allow users to save information on specific dates. Includes daily and monthly summaries and a complete help file. Cookie Calendar works as its own program as well. Great!

Click here to see the Demo

Download the cookie-calendar.zip file. It contains all the files necessary to add Cookie Calendar to your site!

The following code should be added to the <HEAD> and the <BODY> sections of the page on which you would like the calendar displayed (The file must be named calendar.html). The remaining files in the cookie-calendar.zip file must be placed in the same directory.

The JavaScript Source: Time and Date: Cookie Calendar
Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Command-s). The script is yours!!!

  <HEAD> <script language="javascript" src="cengine.js"></script> <script language="javascript" src="other_scripts.js"></script> <SCRIPT LANGUAGE="JavaScript">      calendar += "<table width='100%' border='0' cellpadding='3' cellspacing='0'>"; calendar += "<tr>"; calendar += "<td align='center'> <a href='javascript:backup();'><font color='#ffffff'><b><<</b></font></a> </td>"; calendar += "<td width='100%' bgcolor='" + monthbg + "' align='center'><font face='" + monfam + "' size=" + monsize + " color=" + moncol + "><b>"; calendar += "<a href='javascript://' onclick='open_all(\"all_reminders.html\");'><font color='#ffffff'>" + months[mo] + ", " + year + "</font></a>"; calendar += "</b></font></td>"; calendar += "<td align='center'> <a href='javascript:stepup();'><font color='#ffffff'><b>>></b></font></a> </td>"; calendar += "</tr>"; calendar += "</table>";  calendar += "</td>"; calendar += "</tr>"; calendar += "<tr>"; calendar += "<td align='center'>";  calendar += "<table width='100%' border='0' cellpadding='3' cellspacing='0'>"; calendar += "<tr>"; for(i = 0; i < 7; i++) { calendar += "<td width='" + twidth + "' bgcolor='" + weekbg + "' align='center' valign='middle'><font face='" + weekfam + "' size=" + weeksize + " color=" + weekcol + "><b>"; calendar += days[i]; calendar += "</b></font></td>"; } calendar += "</tr>"; calendar += "</table>";  calendar += "</td>"; calendar += "</tr>"; calendar += "<tr>"; calendar += "<td align='center'>";  calendar += "<table width='100%' border='0' cellpadding='2' cellspacing='1'>"; calendar += "<tr>"; if(startday > 0) { for(empty = 0; empty < startday; empty++) { calendar += "<td width='" + twidth + "' height='" + theight + "'> </td>"; } } for(i = startday; i <= endday; i++) { if( (i % 7) == 0) { calendar += "</tr><tr>"; } //keep highlight info on the current month and day if( (i - (startday - 1)) == dt && currentmonth == mo && currentyear == year) { calendar += "<td width='" + twidth + "' height='" + theight + "' bgcolor='" + daybg + "' align='right' valign='top'><font face='" + dayfam + "' size=" + daysize + "><b>"; calendar += "<a href='javascript://' onclick=javascript:open_window('day_scheduler.html?" + months[mo] + "&" + count + "',300,350,0,1);><font color=" + sdaycol + ">" + count + "</font></a>"; if(currentmonth == mo && currentyear == year && document.cookie) { var isremind = getCookie(months[mo] + count); if(isremind) { //if a reminder exists for this day isremind = isremind.split("|"); calendar += "<p><div align='center'><img src='reminder.gif' width='11' height='11' alt='you have " + isremind.length + " reminder(s)'></div>"; } } calendar += "</b></font></td>"; } else { calendar += "<td width='" + twidth + "' height='" + theight + "' bgcolor='" + daybg + "' align='right' valign='top'><font face='" + dayfam + "' size=" + daysize + ">"; calendar += "<a href='javascript://' onclick=javascript:open_window('day_scheduler.html?" + months[mo] + "&" + count + "',300,350,0,1);><font color=" + daycol + ">" + count + "</font></a>"; if(document.cookie) { //allows reminders to be displayed on other months var isremind = getCookie(months[mo] + count); if(isremind) { //if a reminder exists for this day isremind = isremind.split("|"); calendar += "<p><div align='center'><img src='reminder.gif' width='11' height='11' alt='you have " + isremind.length + " reminder(s)'></div>"; } } calendar += "</font></td>"; } count++; } calendar += "</tr>"; calendar += "</table>";  calendar += "</td>"; calendar += "</tr>"; calendar += "</table>"; function open_all(url) { child = window.open(url,"allreminders", "width=430,height=400,resizable=0,scrollbars=1"); } function alertReminders() { var alertit = getCookie(months[today.getMonth()] + dt); if(alertit != null) { alertit = alertit.split("|"); //write out reminders into a string for display textit = " 1. " + alertit[0]; for(var i = 1; i < alertit.length; i++) { textit += "\n " + (i + 1) + ". " + alertit[i]; } //alert user of number of reminders for which day and display those reminders alert("You have " + alertit.length + " reminder(s) for " + months[today.getMonth()] + " " + dt + ".\n\n" + textit); } } // End --> </script> </HEAD>  <BODY> <center> <a href="http://javascript.internet.com/time-date/cookie-calendar/cookie-calendar.html">Click here to see the Demo</a> <br> <br> Download the <a href="http://javascript.internet.com/time-date/cookie-calendar/cookie-calendar.zip">cookie-calendar.zip</a> file. It contains all the files necessary to add Cookie Calendar to your site! <br> <br> The following code should be added to the <HEAD> and the <BODY> sections of the page on which you would like the calendar displayed. The remaining files in the <a href="http://javascript.internet.com/time-date/cookie-calendar/cookie-calendar.zip">cookie-calendar.zip</a> file must be placed in the same directory. </center> <br> <br> <div align="center"> <table width="80%"> <tr> <td align="right"><a href="javascript://" onclick="open_window('help_file.html',300,350,0,1);"><font face="verdana,arial,helvetica" size="2">help file</font></a></td> </tr> </table> <script language="javascript">  </script> </div> <p><center> <font face="arial, helvetica" size"-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p> 
Did you use this script? Do you like this site? Please link to us!

Add a comment, suggestion, or correction

Comments feed

internet.com Privacy Policy

[ Contact Us! ]
[ JavaScript Forum ]
[ Submit Your Script! ]

The Network for Technology Professionals

About Internet.com

Legal Notices, Licensing, Permissions, Privacy Policy.
Advertise | Newsletters | E-mail Offers

Solutions

Whitepapers and eBooks

Microsoft Personalized Whitepapers and Resources for You
Article: Why Migrating from MySQL to SQL Server 2008 Makes Sense
Articles: Build a More Agile Business with IBM
Articles: IBM Offers Enhanced Measurement and Management for Energy Usage
Microsoft Article: Windows 7 Features Your Clients Will Need on Day One

Articles: IBM Helps Transformation to an Information-Based Enterprise
Microsoft Articles: Visual Studio 2010
Adobe Article: Java Developers Finding a Home at Adobe Flex
MORE WHITEPAPERS, EBOOKS, AND ARTICLES

Webcasts

Webcast: Connecting PHP to Microsoft Technologies
Video: Windows Azure Debugging Tips

MORE WEBCASTS, PODCASTS, AND VIDEOS

Downloads and eKits

Get Tools and SDK: Develop Cloud Applications with the Windows Azure Platform
Ready. Set. Windows 7.
HP PartnerONE | SolutionsINFINITE Visit us at hp.com/partners/us
Microsoft Free Trials: Windows Server 2008 R2, Exchange Server 2010 and Windows 7

Get the Windows 7 SDK
Free Trial: Red Gate SQL Backup Pro 6
Iron Speed Designer Application Generator
MORE DOWNLOADS, EKITS, AND FREE TRIALS

Tutorials and Demos

Learn Unified Communications
BlackBerry Application Development Resources
Learn SQL Server 2008
Learn Windows Server 2008 R2
Internet.com Hot List: Get the Inside Scoop on IT and Developer Products

Learn Forefront
Learn System Center
All About Botnets
Learn SharePoint
MORE TUTORIALS, DEMOS AND STEP-BY-STEP GUIDES