X-Git-Url: https://scm.cri.ensmp.fr/git/Plinn.git/blobdiff_plain/3c4367d8e03450e9a73e61f4247145d2b6c86a33..959d888c17d1403d2eeecc19bc4b5e2c8d1debf6:/Products/Plinn/skins/jscalendar/simple-2.html diff --git a/Products/Plinn/skins/jscalendar/simple-2.html b/Products/Plinn/skins/jscalendar/simple-2.html new file mode 100644 index 0000000..b55bae8 --- /dev/null +++ b/Products/Plinn/skins/jscalendar/simple-2.html @@ -0,0 +1,108 @@ + + +
+ + +++ + + ++ This page demonstrates how to setup a flat calendar. Examples of + popup calendars are available in another page. +
++ 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 that impatient, ;-) complete documenation is + available. +
+
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".
+ +Following there is the code that has been used to create this calendar. +You can find the full description of the Calendar.setup() function +in the calendar documenation.
+ +<div style="float: right; margin-left: 1em; margin-bottom: 1em;" +id="calendar-container"></div> + +<script type="text/javascript"> + 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 + } + ); +</script>+ + +