JSCalendar for FacileForms v1.0 2006-10-03 18:01:04 zANavAShi zanavashi@gmx.net http://www.facileforms.biz/forum/ Calendar form which uses the stripped jscalendar-1.0 in Mambo/Joomla! This FacileForms package is released under the GNU/GPL license

JSCalendar JSCalendar This is a FacileForms sample calendar which calls on jscalendar-1.0 instead of the default \r\nMambo/Joomla calendar which is known to cause problems with other multi-page form elements.\r\nThanks to FVDS and Ash at FacileForms forum and Wene at Joomla forums their help and ideas. 400 200 1 2 // load the standard FacileForms library\r\n$this-\x3EexecPieceByName(\x27ff_InitLib\x27)\x3B\r\n\r\n// include the javascript functions for dates\r\necho (\x27\r\n \x3Cscript language=\x22javascript\x22 src=\x22{mossite}/includes/js/mambojavascript.js\x22 type=\x22text/javascript\x22\x3E\x3C/script\x3E\r\n \x3Cscript type=\x22text/javascript\x22 src=\x22{mossite}/includes/js/jscalendar-1.0/calendar_stripped.js\x22\x3E\x3C/script\x3E\r\n \x3Cscript type=\x22text/javascript\x22 src=\x22{mossite}/includes/js/jscalendar-1.0/calendar-setup_stripped.js\x22\x3E\x3C/script\x3E\r\n \x3Cscript type=\x22text/javascript\x22 src=\x22{mossite}/includes/js/jscalendar-1.0/lang/calendar-en.js\x22\x3E\x3C/script\x3E\r\n \x3Clink rel=\x22stylesheet\x22 type=\x22text/css\x22 media=\x22all\x22 href=\x22{mossite}/includes/js/jscalendar-1.0/calendar-system.css\x22\x3E\r\n\x27)\x3B 2 // include to configure calendar behaviour\r\necho (\x27\r\n \x3Cscript type=\x22text/javascript\x22\x3E\r\n Calendar.setup(\r\n {\r\n inputField : \x22ff_elem269\x22\x2C // ID of the input field\r\n ifFormat : \x22%A\x2C %d %B\x2C %Y\x22\x2C // the date format\r\n button : \x22ff_elem270\x22\x2C // ID of the button\r\n singleClick : true\x2C // close popup on single click\r\n firstDay : 1\x2C // Monday as first day of the week\r\n range : [2005\x2C2020] // min and max years allowed\r\n }\r\n )\x3B\r\n Calendar.setup(\r\n {\r\n inputField : \x22ff_elem272\x22\x2C // ID of the input field\r\n ifFormat : \x22%A\x2C %d %B\x2C %Y\x22\x2C // the date format\r\n button : \x22ff_elem273\x22\x2C // ID of the button\r\n singleClick : true\x2C // close popup on single click\r\n firstDay : 1\x2C // Monday as first day of the week\r\n range : [2005\x2C2020] // min and max years allowed\r\n }\r\n )\x3B\r\n \x3C/script\x3E\r\n\x27)\x3B 2 // load the standard FacileForms library\r\n$this-\x3EexecPieceByName(\x27ff_InitLib\x27)\x3B\r\n\r\n// Get the date entered\r\n$startdate = \x27\x27\x3B\r\n$enddate = \x27\x27\x3B\r\nforeach ($this-\x3Esubmitdata as $data)\r\n switch ($data[1]) {\r\n case \x27StartDate\x27 : $startdate = date(\x22l\x2C d F\x2C Y\x22\x2Cstrtotime($data[4]))\x3B\r\n break\x3B\r\n case \x27EndDate\x27 : $enddate = date(\x22l\x2C d F\x2C Y\x22\x2Cstrtotime($data[4]))\x3B\r\n break\x3B\r\n default : break\x3B\r\n }\x3B // switch arrivetext 0 5 0 0 \x3Cfont style=\x22font-size: 11px\x22\x3EArrival date:\x3C/font\x3E StartDate Text inputbox 100 0 200 1 29 2 \x3C?php return date(\x27l\x2C d F\x2C Y\x27)\x3B ?\x3E 1 38 ff_valuenotempty Oops. it looks like you forgot to enter your arrival date. SelectDate1 Regular Button 310 0 0 0 Select 2 // When button clicked\x2C call the javascript function to show the calendar\r\n// and pass the value back to the input text field. \r\n// NB: the value \x22StartDate\x22 below must match the input text field name\r\n\r\nfunction ff_SelectDate1_action(element\x2C action)\r\n{\r\n switch (action) {\r\n case \x27click\x27:\r\n return showCalendar(ff_getElementByName(\x27StartDate\x27).id\x2C \x27l\x2C d F\x2C Y\x27)\x3B\r\n break\x3B\r\n default:\x3B\r\n } // switch\r\n}\x3B // ff_SelectDate1_action 1 SelectInfo1 Tooltip 377 1 0 0 Click on the \x22Select\x22 button and a small calendar window will \r\npop up where you can choose your preferred date of arrival. departtext 0 34 0 0 \x3Cfont style=\x22font-size: 11px\x22\x3EDeparture date:\x3C/font\x3E EndDate Text inputbox 100 29 200 1 29 2 \x3C?php return date(\x27l\x2C d F\x2C Y\x27)\x3B ?\x3E 1 38 ff_valuenotempty Oops. it looks like you forgot to enter your departure date. SelectDate2 Regular Button 310 29 0 0 Select 2 // When button clicked\x2C call the javascript function to show the calendar\r\n// and pass the value back to the input text field. \r\n// NB: the value \x22StartDate\x22 below must match the input text field name\r\n\r\nfunction ff_SelectDate2_action(element\x2C action)\r\n{\r\n switch (action) {\r\n case \x27click\x27:\r\n return showCalendar(ff_getElementByName(\x27EndDate\x27).id\x2C \x27l\x2C d F\x2C Y\x27)\x3B\r\n break\x3B\r\n default:\x3B\r\n } // switch\r\n} // ff_SelectDate2_action 1 SelectInfo2 Tooltip 377 30 0 0 Click on the \x22Select\x22 button and a small calendar window will \r\npop up where you can choose your preferred date of departure. Submit Regular Button 0 80 0 0 Submit 1 36 ff_validate_submit 1