Gecko [ v3.cesa.co.za ]

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

Rename

<title>Simple calendar setup [flat calendar]</title>

<link rel="stylesheet" type="text/css" media="all" href="calendar-win2k-cold-1.css" title="win2k-cold-1" />

<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>

</head>

<body>

<h2>DHTML Calendar &mdash; for the impatient</h2>

<blockquote>
        <p>
          This page demonstrates how to setup a flat calendar.  Examples of
          <em>popup</em> calendars are available in <a
          href="simple-1.html">another page</a>.
        </p>
        <p>
          The code in this page uses a helper function defined in
          "calendar-setup.js".  With it you can setup the calendar in
          minutes.  If you're not <em>that</em> impatient, ;-) <a
          href="doc/html/reference.html">complete documenation</a> is
          available.
        </p>
      </blockquote>

<hr />

Calendar.setup(
    {
      flat         : "calendar-container", // ID of the parent element
      flatCallback : dateChanged           // our callback function
    }
  );
</script>

<p>The positioning of the DIV that contains the calendar is entirely your
job.  For instance, the "calendar-container" DIV from this page has the
following style: "float: right; margin-left: 1em; margin-bottom: 1em".</p>

<p>Following there is the code that has been used to create this calendar.
You can find the full description of the <tt>Calendar.setup()</tt> function
in the <a href="doc/html/reference.html">calendar documenation</a>.</p>

<pre
>&lt;div style="float: right; margin-left: 1em; margin-bottom: 1em;"
id="calendar-container"&gt;&lt;/div&gt;

&lt;script type="text/javascript"&gt;
  function dateChanged(calendar) {
    // Beware that this function is called even if the end-user only
    // changed the month/year.  In order to determine if a date was
    // clicked you can use the dateClicked property of the calendar:
    if (calendar.dateClicked) {
      // OK, a date was clicked, redirect to /yyyy/mm/dd/index.php
      var y = calendar.date.getFullYear();
      var m = calendar.date.getMonth();     // integer, 0..11
      var d = calendar.date.getDate();      // integer, 1..31
      // redirect...
      window.location = "/" + y + "/" + m + "/" + d + "/index.php";
    }
  };

Calendar.setup(
    {
      flat         : "calendar-container", // ID of the parent element
      flatCallback : dateChanged           // our callback function
    }
  );
&lt;/script&gt;</pre>

</body>
</html>