| 1 |
552
|
thorn
|
The DHTML Calendar
|
| 2 |
|
|
-------------------
|
| 3 |
|
|
|
| 4 |
|
|
Author: Mihai Bazon, <mihai_bazon@yahoo.com>
|
| 5 |
|
|
http://dynarch.com/mishoo/
|
| 6 |
|
|
|
| 7 |
|
|
This program is free software published under the
|
| 8 |
|
|
terms of the GNU Lesser General Public License.
|
| 9 |
|
|
|
| 10 |
|
|
For the entire license text please refer to
|
| 11 |
|
|
http://www.gnu.org/licenses/lgpl.html
|
| 12 |
|
|
|
| 13 |
|
|
Contents
|
| 14 |
|
|
---------
|
| 15 |
|
|
|
| 16 |
|
|
calendar.js -- the main program file
|
| 17 |
|
|
lang/*.js -- internalization files
|
| 18 |
|
|
*.css -- color themes
|
| 19 |
|
|
cal.html -- example usage file
|
| 20 |
|
|
doc/ -- documentation, in PDF and HTML
|
| 21 |
|
|
simple-1.html -- quick setup examples [popup calendars]
|
| 22 |
|
|
simple-2.html -- quick setup example for flat calendar
|
| 23 |
|
|
calendar.php -- PHP wrapper
|
| 24 |
|
|
test.php -- test file for the PHP wrapper
|
| 25 |
|
|
|
| 26 |
|
|
Homepage
|
| 27 |
|
|
---------
|
| 28 |
|
|
|
| 29 |
|
|
For details and latest versions please refer to calendar
|
| 30 |
|
|
homepage, located on my website:
|
| 31 |
|
|
|
| 32 |
|
|
http://dynarch.com/mishoo/calendar.epl
|
| 33 |
|
|
|
| 34 |
571
|
thorn
|
|
| 35 |
|
|
How to use
|
| 36 |
|
|
-----------
|
| 37 |
|
|
|
| 38 |
|
|
1. enter this code somewhere _above_ the form
|
| 39 |
|
|
you can overwrite some vars as descripted below
|
| 40 |
|
|
--cut-PHP----------------------------------------------------
|
| 41 |
|
|
// include jscalendar-setup
|
| 42 |
|
|
$jscal_use_time = false; // whether to use a clock, too
|
| 43 |
|
|
require_once(WB_PATH."/include/jscalendar/wb-setup.php");
|
| 44 |
|
|
// override some vars: (normally, there is no need to change this)
|
| 45 |
|
|
//$jscal_lang = "en"; //- calendar-language (default: wb-backend-language)
|
| 46 |
|
|
//$jscal_today = ""; // - date the calendar offers if the text-field is empty (default: today)
|
| 47 |
|
|
//$jscal_firstday = "0"; // - first-day-of-week (0-sunday, 1-monday, ...) (default: 0(EN) or 1(everything else))
|
| 48 |
|
|
//$jscal_format = "Y-m-d"; // - initial-format used for the text-field (default: from wb-backend-date-format)
|
| 49 |
|
|
//$jscal_ifformat = "%Y-%m-%d"; // - format for jscalendar (default: from wb-backend-date-format)
|
| 50 |
|
|
----------------------------------------------------------
|
| 51 |
|
|
|
| 52 |
|
|
|
| 53 |
|
|
2. enter this code within your form
|
| 54 |
|
|
$date holds the entered date as timestamp
|
| 55 |
|
|
the field is called "my_date_field"
|
| 56 |
|
|
the calender-trigger is called "my_date_trigger"
|
| 57 |
|
|
--cut-HTML---------------------------------------------------
|
| 58 |
|
|
<input type="text" id="my_date_field" name="my_date_field" value="<?php if($date==0) print ""; else print date($jscal_format, $date)?>" style="width: 120px;" />
|
| 59 |
|
|
<img src="<?php echo WB_URL ?>/include/jscalendar/img.gif" id="my_date_trigger" style="cursor: pointer; border: 1px solid red;" title="Calendar" onmouseover="this.style.background='red';" onmouseout="this.style.background=''" />
|
| 60 |
|
|
----------------------------------------------------------
|
| 61 |
|
|
|
| 62 |
|
|
|
| 63 |
|
|
3. enter this code _below_ the form
|
| 64 |
|
|
to store the result as timestamp, you have to use range : [1970, 2037],
|
| 65 |
|
|
--cut-HTML---------------------------------------------------
|
| 66 |
|
|
<script type="text/javascript">
|
| 67 |
|
|
Calendar.setup(
|
| 68 |
|
|
{
|
| 69 |
|
|
inputField : "my_date_field",
|
| 70 |
|
|
ifFormat : "<?php echo $jscal_ifformat ?>",
|
| 71 |
|
|
button : "my_date_trigger",
|
| 72 |
|
|
firstDay : <?php echo $jscal_firstday ?>,
|
| 73 |
|
|
<?php if(isset($jscal_use_time) && $jscal_use_time==TRUE) { ?>
|
| 74 |
|
|
showsTime : "true",
|
| 75 |
|
|
timeFormat : "24",
|
| 76 |
|
|
<?php } ?>
|
| 77 |
|
|
date : "<?php echo $jscal_today ?>",
|
| 78 |
|
|
range : [1970, 2037],
|
| 79 |
|
|
step : 1
|
| 80 |
|
|
}
|
| 81 |
|
|
);
|
| 82 |
|
|
</script>
|
| 83 |
|
|
----------------------------------------------------------
|