Gecko [ v3.cesa.co.za ]

Name	Size	Permission	Date
doc	[ DIR ]	drwxr-sr-x	2012-01-16 07:45
lang	[ DIR ]	drwxr-sr-x	2012-01-16 07:46
skins	[ DIR ]	drwxr-sr-x	2012-01-16 07:45
ChangeLog	24.51 KB	-rw-r--r--	2012-03-26 11:52
README	910 B	-rw-r--r--	2012-03-26 11:53
bugtest-hidden-selects.html	3.9 KB	-rw-r--r--	2012-03-26 11:52
calendar-blue.css	4.72 KB	-rw-r--r--	2012-03-26 11:52
calendar-blue2.css	4.89 KB	-rw-r--r--	2012-03-26 11:52
calendar-brown.css	4.61 KB	-rw-r--r--	2012-03-26 11:52
calendar-green.css	4.67 KB	-rw-r--r--	2012-03-26 11:52
calendar-setup.js	8.65 KB	-rw-r--r--	2012-03-26 11:52
calendar-setup_ew.js	8.98 KB	-rw-r--r--	2012-03-26 11:52
calendar-setup_stripped.js	4.8 KB	-rw-r--r--	2012-03-26 11:52
calendar-system.css	5.57 KB	-rw-r--r--	2012-03-26 11:52
calendar-tas.css	5.18 KB	-rw-r--r--	2012-03-26 11:52
calendar-win2k-1.css	5.85 KB	-rw-r--r--	2012-03-26 11:52
calendar-win2k-2.css	5.85 KB	-rw-r--r--	2012-03-26 11:52
calendar-win2k-cold-1.css	5.65 KB	-rw-r--r--	2012-03-26 11:52
calendar-win2k-cold-2.css	5.85 KB	-rw-r--r--	2012-03-26 11:52
calendar.js	52.57 KB	-rw-r--r--	2012-03-26 11:52
calendar.php	4.38 KB	-rw-r--r--	2012-03-26 11:52
calendar_stripped.js	33.51 KB	-rw-r--r--	2012-03-26 11:52
dayinfo.html	2.97 KB	-rw-r--r--	2012-03-26 11:52
img.gif	223 B	-rw-r--r--	2012-03-26 11:52
index.html	12.41 KB	-rw-r--r--	2012-03-26 11:52
menuarrow.gif	68 B	-rw-r--r--	2012-03-26 11:53
menuarrow2.gif	49 B	-rw-r--r--	2012-03-26 11:53
multiple-dates.html	2.86 KB	-rw-r--r--	2012-03-26 11:53
release-notes.html	18 KB	-rw-r--r--	2012-03-26 11:53
simple-1.html	9.23 KB	-rw-r--r--	2012-03-26 11:53
simple-2.html	3.65 KB	-rw-r--r--	2012-03-26 11:53
simple-3.html	4.38 KB	-rw-r--r--	2012-03-26 11:53
test-position.html	1.46 KB	-rw-r--r--	2012-03-26 11:53
test.php	3.2 KB	-rw-r--r--	2012-03-26 11:53

Rename

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html> <head>
<title>How to include additional info in day cells</title>
<script type="text/javascript" src="calendar.js"></script>
<script type="text/javascript" src="lang/calendar-en.js"></script>
<script type="text/javascript" src="calendar-setup.js"></script>
<script type="text/javascript">
  // define info for dates in this table:
  var dateInfo = {
    "20050308" : "Mishoo's&nbsp;birthday",
    "20050310" : "foo",
    "20050315" : "bar",
    "20050318" : "25$",
    "20050324" : "60$"
  };
</script>
<style type="text/css">
  @import url(calendar-win2k-1.css);
  .calendar .inf { font-size: 80%; color: #444; }
  .calendar .wn { font-weight: bold; vertical-align: top; }
</style>
</head>

<body>
<h1>How to include additional info in day cells</h1>

<p>The idea is simple:</p>

<ol>
  <li>
    <p>Define a callback that takes two parameters like this:</p>
    <pre>function getDateText(date, d)</pre>
    <p>
      This function will receive the date object as the first
      parameter and the current date number (1..31) as the second (you
      can get it as well by calling date.getDate() but since it's very
      probably useful I thought I'd pass it too so that we can avoid a
      function call).
    </p>
    <p>
      This function <em>must</em> return the text to be inserted in
      the cell of the passed date.  That is, one should at least
      "return d;".
    </p>
  </li>
  <li>
    Pass the above function as the "dateText" parameter to
    Calendar.setup.
  </li>
</ol>

<p>
  The function could simply look like:
</p>

<pre
>  function getDateText(date, d) {
    if (d == 12) {
      return "12th";
    } else if (d == 13) {
      return "bad luck";
    } /* ... etc ... */
  }</pre>

<p>
  but it's easy to imagine that this approach sucks.  For a better
  way, see the source of this page and note the usage of an externally
  defined "dateText" object which maps "date" to "date info", also
  taking into account the year and month.  This object can be easily
  generated from a database, and the getDateText function becomes
  extremely simple (and static).
</p>

<p>
  Cheers!
</p>

<hr />
<address><a href="http://dynarch.com/mishoo/">mishoo</a></address>
 Last modified: Sat Mar  5 17:18:06 EET 2005 
</body> </html>