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