JavaScript Календарь Cookie

Календарь Cookie

Этот календарь, написанный полностью в JavaScript, использует куки, чтобы позволить пользователям экономить информацию об определенных датах. Включает ежедневные и ежемесячные резюме и полный справочный файл. Календарь печенья работает своей собственной программой также.

Щелкните здесь, чтобы видеть Демонстрационный пример

Загрузите cookie-calendar.zip файл. Это содержит все файлы, необходимые, чтобы добавить Календарь Печенья к Вашему сайту!

Следующий кодекс должен быть добавлен к <HEAD> и <BODY> разделы страницы, на которой Вы хотели бы показанный календарь (Файл нужно назвать calendar.html). Остающиеся файлы в cookie-calendar.zip файле должны быть помещены в тот же самый справочник.

JavaScript Calendars: календарь Cookie

  <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/calendars/cookie-calendar/cookie-calendar.html">Click here to see the Demo</a> <br> <br> Download the <a href="http://javascript.internet.com/calendars/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/calendars/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>