added new calendar system
This commit is contained in:
JT Smith
parent
c0e10f6578
commit
979b2a3e8c
106 changed files with 14623 additions and 8 deletions
31
www/extras/calendar/README
Normal file
31
www/extras/calendar/README
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
The DHTML Calendar
|
||||
-------------------
|
||||
|
||||
Author: Mihai Bazon, <mishoo@infoiasi.ro>
|
||||
http://dynarch.com/mishoo/
|
||||
|
||||
This program is free software published under the
|
||||
terms of the GNU Lesser General Public License.
|
||||
|
||||
For the entire license text please refer to
|
||||
http://www.gnu.org/licenses/lgpl.html
|
||||
|
||||
Contents
|
||||
---------
|
||||
|
||||
calendar.js -- the main program file
|
||||
lang/*.js -- internalization files
|
||||
*.css -- color themes
|
||||
cal.html -- example usage file
|
||||
doc/ -- documentation, in PDF and HTML
|
||||
simple-1.html -- quick setup examples [popup calendars]
|
||||
simple-2.html -- quick setup example for flat calendar
|
||||
|
||||
Homepage
|
||||
---------
|
||||
|
||||
For details and latest versions please refer to calendar
|
||||
homepage, located on my website:
|
||||
|
||||
http://dynarch.com/mishoo/calendar.epl
|
||||
|
||||
108
www/extras/calendar/bugtest-hidden-selects.html
Normal file
108
www/extras/calendar/bugtest-hidden-selects.html
Normal file
|
|
@ -0,0 +1,108 @@
|
|||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ro" lang="ro">
|
||||
|
||||
<head>
|
||||
<title>Bug</title>
|
||||
<link rel="stylesheet" type="text/css" media="all" href="calendar-win2k-1.css" title="win2k-1" />
|
||||
|
||||
<!-- import the calendar script -->
|
||||
<script type="text/javascript" src="calendar.js"></script>
|
||||
|
||||
<!-- import the language module -->
|
||||
<script type="text/javascript" src="lang/calendar-en.js"></script>
|
||||
|
||||
<!-- helper script that uses the calendar -->
|
||||
<script type="text/javascript">
|
||||
// This function gets called when the end-user clicks on some date.
|
||||
function selected(cal, date) {
|
||||
cal.sel.value = date; // just update the date in the input field.
|
||||
if (cal.sel.id == "sel1" || cal.sel.id == "sel3")
|
||||
// if we add this call we close the calendar on single-click.
|
||||
// just to exemplify both cases, we are using this only for the 1st
|
||||
// and the 3rd field, while 2nd and 4th will still require double-click.
|
||||
cal.callCloseHandler();
|
||||
}
|
||||
|
||||
// And this gets called when the end-user clicks on the _selected_ date,
|
||||
// or clicks on the "Close" button. It just hides the calendar without
|
||||
// destroying it.
|
||||
function closeHandler(cal) {
|
||||
cal.hide(); // hide the calendar
|
||||
}
|
||||
|
||||
// This function shows the calendar under the element having the given id.
|
||||
// It takes care of catching "mousedown" signals on document and hiding the
|
||||
// calendar if the click was outside.
|
||||
function showCalendar(id, format) {
|
||||
var el = document.getElementById(id);
|
||||
if (calendar != null) {
|
||||
// we already have some calendar created
|
||||
calendar.hide(); // so we hide it first.
|
||||
} else {
|
||||
// first-time call, create the calendar.
|
||||
var cal = new Calendar(false, null, selected, closeHandler);
|
||||
// uncomment the following line to hide the week numbers
|
||||
// cal.weekNumbers = false;
|
||||
calendar = cal; // remember it in the global var
|
||||
cal.setRange(1900, 2070); // min/max year allowed.
|
||||
cal.create();
|
||||
}
|
||||
calendar.setDateFormat(format); // set the specified date format
|
||||
calendar.parseDate(el.value); // try to parse the text in field
|
||||
calendar.sel = el; // inform it what input field we use
|
||||
calendar.showAtElement(el); // show the calendar below it
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
var MINUTE = 60 * 1000;
|
||||
var HOUR = 60 * MINUTE;
|
||||
var DAY = 24 * HOUR;
|
||||
var WEEK = 7 * DAY;
|
||||
|
||||
// If this handler returns true then the "date" given as
|
||||
// parameter will be disabled. In this example we enable
|
||||
// only days within a range of 10 days from the current
|
||||
// date.
|
||||
// You can use the functions date.getFullYear() -- returns the year
|
||||
// as 4 digit number, date.getMonth() -- returns the month as 0..11,
|
||||
// and date.getDate() -- returns the date of the month as 1..31, to
|
||||
// make heavy calculations here. However, beware that this function
|
||||
// should be very fast, as it is called for each day in a month when
|
||||
// the calendar is (re)constructed.
|
||||
function isDisabled(date) {
|
||||
var today = new Date();
|
||||
return (Math.abs(date.getTime() - today.getTime()) / DAY) > 10;
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<form>
|
||||
<b>Date:</b>
|
||||
<br>
|
||||
<input type="text" name="date1" id="sel1" size="30">
|
||||
<input type="button" value="..." onclick="return showCalendar('sel1', 'y-m-d');">
|
||||
<p>
|
||||
<br>
|
||||
<br><b>Visible <select>, hides and unhides as expected</b>
|
||||
<br>
|
||||
<select name="foo" multiple>
|
||||
<option value="1">can use the functions date.getFullYear() -- returns</option>
|
||||
<option value="2">4 digit number, date.getMonth() -- returns the month</option>
|
||||
<option value="3">heavy calculations here. However, beware that this</option>
|
||||
</select>
|
||||
|
||||
<p>
|
||||
<br><b>Hidden <select>, it should stay hidden (but doesn't)</b>
|
||||
<br>
|
||||
<select name="foo2" multiple style="visibility: hidden">
|
||||
<option value="1">this should</option>
|
||||
<option value="2">remain hidden right?</option>
|
||||
</select>
|
||||
|
||||
<p>
|
||||
<br><b>Hidden textbox below, it stays hidden as expected</b>
|
||||
<br>
|
||||
<input type="text" name="foo3" value="this stays hidden just fine" style="visibility: hidden">
|
||||
</form>
|
||||
</body></html>
|
||||
224
www/extras/calendar/calendar-blue.css
Normal file
224
www/extras/calendar/calendar-blue.css
Normal file
|
|
@ -0,0 +1,224 @@
|
|||
/* The main calendar widget. DIV containing a table. */
|
||||
|
||||
div.calendar { position: relative; }
|
||||
|
||||
.calendar, .calendar table {
|
||||
border: 1px solid #556;
|
||||
font-size: 11px;
|
||||
color: #000;
|
||||
cursor: default;
|
||||
background: #eef;
|
||||
font-family: tahoma,verdana,sans-serif;
|
||||
}
|
||||
|
||||
/* Header part -- contains navigation buttons and day names. */
|
||||
|
||||
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
|
||||
text-align: center; /* They are the navigation buttons */
|
||||
padding: 2px; /* Make the buttons seem like they're pressing */
|
||||
}
|
||||
|
||||
.calendar .nav {
|
||||
background: #778 url(menuarrow.gif) no-repeat 100% 100%;
|
||||
}
|
||||
|
||||
.calendar thead .title { /* This holds the current "month, year" */
|
||||
font-weight: bold; /* Pressing it will take you to the current date */
|
||||
text-align: center;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.calendar thead .headrow { /* Row <TR> containing navigation buttons */
|
||||
background: #778;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.calendar thead .daynames { /* Row <TR> containing the day names */
|
||||
background: #bdf;
|
||||
}
|
||||
|
||||
.calendar thead .name { /* Cells <TD> containing the day names */
|
||||
border-bottom: 1px solid #556;
|
||||
padding: 2px;
|
||||
text-align: center;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.calendar thead .weekend { /* How a weekend day name shows in header */
|
||||
color: #a66;
|
||||
}
|
||||
|
||||
.calendar thead .hilite { /* How do the buttons in header appear when hover */
|
||||
background-color: #aaf;
|
||||
color: #000;
|
||||
border: 1px solid #04f;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.calendar thead .active { /* Active (pressed) buttons in header */
|
||||
background-color: #77c;
|
||||
padding: 2px 0px 0px 2px;
|
||||
}
|
||||
|
||||
/* The body part -- contains all the days in month. */
|
||||
|
||||
.calendar tbody .day { /* Cells <TD> containing month days dates */
|
||||
width: 2em;
|
||||
color: #456;
|
||||
text-align: right;
|
||||
padding: 2px 4px 2px 2px;
|
||||
}
|
||||
|
||||
.calendar table .wn {
|
||||
padding: 2px 3px 2px 2px;
|
||||
border-right: 1px solid #000;
|
||||
background: #bdf;
|
||||
}
|
||||
|
||||
.calendar tbody .rowhilite td {
|
||||
background: #def;
|
||||
}
|
||||
|
||||
.calendar tbody .rowhilite td.wn {
|
||||
background: #eef;
|
||||
}
|
||||
|
||||
.calendar tbody td.hilite { /* Hovered cells <TD> */
|
||||
background: #def;
|
||||
padding: 1px 3px 1px 1px;
|
||||
border: 1px solid #bbb;
|
||||
}
|
||||
|
||||
.calendar tbody td.active { /* Active (pressed) cells <TD> */
|
||||
background: #cde;
|
||||
padding: 2px 2px 0px 2px;
|
||||
}
|
||||
|
||||
.calendar tbody td.selected { /* Cell showing today date */
|
||||
font-weight: bold;
|
||||
border: 1px solid #000;
|
||||
padding: 1px 3px 1px 1px;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.calendar tbody td.weekend { /* Cells showing weekend days */
|
||||
color: #a66;
|
||||
}
|
||||
|
||||
.calendar tbody td.today { /* Cell showing selected date */
|
||||
font-weight: bold;
|
||||
color: #00f;
|
||||
}
|
||||
|
||||
.calendar tbody .disabled { color: #999; }
|
||||
|
||||
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* The footer part -- status bar and "Close" button */
|
||||
|
||||
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
|
||||
text-align: center;
|
||||
background: #556;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
|
||||
background: #fff;
|
||||
color: #445;
|
||||
border-top: 1px solid #556;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.calendar tfoot .hilite { /* Hover style for buttons in footer */
|
||||
background: #aaf;
|
||||
border: 1px solid #04f;
|
||||
color: #000;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
|
||||
background: #77c;
|
||||
padding: 2px 0px 0px 2px;
|
||||
}
|
||||
|
||||
/* Combo boxes (menus that display months/years for direct selection) */
|
||||
|
||||
.combo {
|
||||
position: absolute;
|
||||
display: none;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 4em;
|
||||
cursor: default;
|
||||
border: 1px solid #655;
|
||||
background: #def;
|
||||
color: #000;
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
.combo .label,
|
||||
.combo .label-IEfix {
|
||||
text-align: center;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.combo .label-IEfix {
|
||||
width: 4em;
|
||||
}
|
||||
|
||||
.combo .hilite {
|
||||
background: #acf;
|
||||
}
|
||||
|
||||
.combo .active {
|
||||
border-top: 1px solid #46a;
|
||||
border-bottom: 1px solid #46a;
|
||||
background: #eef;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.calendar td.time {
|
||||
border-top: 1px solid #000;
|
||||
padding: 1px 0px;
|
||||
text-align: center;
|
||||
background-color: #f4f0e8;
|
||||
}
|
||||
|
||||
.calendar td.time .hour,
|
||||
.calendar td.time .minute,
|
||||
.calendar td.time .ampm {
|
||||
padding: 0px 3px 0px 4px;
|
||||
border: 1px solid #889;
|
||||
font-weight: bold;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.calendar td.time .ampm {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar td.time .colon {
|
||||
padding: 0px 2px 0px 3px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.calendar td.time span.hilite {
|
||||
border-color: #000;
|
||||
background-color: #667;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.calendar td.time span.active {
|
||||
border-color: #f00;
|
||||
background-color: #000;
|
||||
color: #0f0;
|
||||
}
|
||||
217
www/extras/calendar/calendar-brown.css
Normal file
217
www/extras/calendar/calendar-brown.css
Normal file
|
|
@ -0,0 +1,217 @@
|
|||
/* The main calendar widget. DIV containing a table. */
|
||||
|
||||
div.calendar { position: relative; }
|
||||
|
||||
.calendar, .calendar table {
|
||||
border: 1px solid #655;
|
||||
font-size: 11px;
|
||||
color: #000;
|
||||
cursor: default;
|
||||
background: #ffd;
|
||||
font-family: tahoma,verdana,sans-serif;
|
||||
}
|
||||
|
||||
/* Header part -- contains navigation buttons and day names. */
|
||||
|
||||
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
|
||||
text-align: center; /* They are the navigation buttons */
|
||||
padding: 2px; /* Make the buttons seem like they're pressing */
|
||||
}
|
||||
|
||||
.calendar .nav {
|
||||
background: #edc url(menuarrow.gif) no-repeat 100% 100%;
|
||||
}
|
||||
|
||||
.calendar thead .title { /* This holds the current "month, year" */
|
||||
font-weight: bold; /* Pressing it will take you to the current date */
|
||||
text-align: center;
|
||||
background: #654;
|
||||
color: #fed;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.calendar thead .headrow { /* Row <TR> containing navigation buttons */
|
||||
background: #edc;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.calendar thead .name { /* Cells <TD> containing the day names */
|
||||
border-bottom: 1px solid #655;
|
||||
padding: 2px;
|
||||
text-align: center;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.calendar thead .weekend { /* How a weekend day name shows in header */
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
.calendar thead .hilite { /* How do the buttons in header appear when hover */
|
||||
background-color: #faa;
|
||||
color: #000;
|
||||
border: 1px solid #f40;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.calendar thead .active { /* Active (pressed) buttons in header */
|
||||
background-color: #c77;
|
||||
padding: 2px 0px 0px 2px;
|
||||
}
|
||||
|
||||
.calendar thead .daynames { /* Row <TR> containing the day names */
|
||||
background: #fed;
|
||||
}
|
||||
|
||||
/* The body part -- contains all the days in month. */
|
||||
|
||||
.calendar tbody .day { /* Cells <TD> containing month days dates */
|
||||
width: 2em;
|
||||
text-align: right;
|
||||
padding: 2px 4px 2px 2px;
|
||||
}
|
||||
|
||||
.calendar table .wn {
|
||||
padding: 2px 3px 2px 2px;
|
||||
border-right: 1px solid #000;
|
||||
background: #fed;
|
||||
}
|
||||
|
||||
.calendar tbody .rowhilite td {
|
||||
background: #ddf;
|
||||
}
|
||||
|
||||
.calendar tbody .rowhilite td.wn {
|
||||
background: #efe;
|
||||
}
|
||||
|
||||
.calendar tbody td.hilite { /* Hovered cells <TD> */
|
||||
background: #ffe;
|
||||
padding: 1px 3px 1px 1px;
|
||||
border: 1px solid #bbb;
|
||||
}
|
||||
|
||||
.calendar tbody td.active { /* Active (pressed) cells <TD> */
|
||||
background: #ddc;
|
||||
padding: 2px 2px 0px 2px;
|
||||
}
|
||||
|
||||
.calendar tbody td.selected { /* Cell showing today date */
|
||||
font-weight: bold;
|
||||
border: 1px solid #000;
|
||||
padding: 1px 3px 1px 1px;
|
||||
background: #fea;
|
||||
}
|
||||
|
||||
.calendar tbody td.weekend { /* Cells showing weekend days */
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
.calendar tbody td.today { font-weight: bold; }
|
||||
|
||||
.calendar tbody .disabled { color: #999; }
|
||||
|
||||
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* The footer part -- status bar and "Close" button */
|
||||
|
||||
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
|
||||
text-align: center;
|
||||
background: #988;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
|
||||
border-top: 1px solid #655;
|
||||
background: #dcb;
|
||||
color: #840;
|
||||
}
|
||||
|
||||
.calendar tfoot .hilite { /* Hover style for buttons in footer */
|
||||
background: #faa;
|
||||
border: 1px solid #f40;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
|
||||
background: #c77;
|
||||
padding: 2px 0px 0px 2px;
|
||||
}
|
||||
|
||||
/* Combo boxes (menus that display months/years for direct selection) */
|
||||
|
||||
.combo {
|
||||
position: absolute;
|
||||
display: none;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 4em;
|
||||
cursor: default;
|
||||
border: 1px solid #655;
|
||||
background: #ffe;
|
||||
color: #000;
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
.combo .label,
|
||||
.combo .label-IEfix {
|
||||
text-align: center;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.combo .label-IEfix {
|
||||
width: 4em;
|
||||
}
|
||||
|
||||
.combo .hilite {
|
||||
background: #fc8;
|
||||
}
|
||||
|
||||
.combo .active {
|
||||
border-top: 1px solid #a64;
|
||||
border-bottom: 1px solid #a64;
|
||||
background: #fee;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.calendar td.time {
|
||||
border-top: 1px solid #a88;
|
||||
padding: 1px 0px;
|
||||
text-align: center;
|
||||
background-color: #fed;
|
||||
}
|
||||
|
||||
.calendar td.time .hour,
|
||||
.calendar td.time .minute,
|
||||
.calendar td.time .ampm {
|
||||
padding: 0px 3px 0px 4px;
|
||||
border: 1px solid #988;
|
||||
font-weight: bold;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.calendar td.time .ampm {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar td.time .colon {
|
||||
padding: 0px 2px 0px 3px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.calendar td.time span.hilite {
|
||||
border-color: #000;
|
||||
background-color: #866;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.calendar td.time span.active {
|
||||
border-color: #f00;
|
||||
background-color: #000;
|
||||
color: #0f0;
|
||||
}
|
||||
221
www/extras/calendar/calendar-green.css
Normal file
221
www/extras/calendar/calendar-green.css
Normal file
|
|
@ -0,0 +1,221 @@
|
|||
/* The main calendar widget. DIV containing a table. */
|
||||
|
||||
div.calendar { position: relative; }
|
||||
|
||||
.calendar, .calendar table {
|
||||
border: 1px solid #565;
|
||||
font-size: 11px;
|
||||
color: #000;
|
||||
cursor: default;
|
||||
background: #efe;
|
||||
font-family: tahoma,verdana,sans-serif;
|
||||
}
|
||||
|
||||
/* Header part -- contains navigation buttons and day names. */
|
||||
|
||||
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
|
||||
text-align: center; /* They are the navigation buttons */
|
||||
padding: 2px; /* Make the buttons seem like they're pressing */
|
||||
background: #676;
|
||||
color: #fff;
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
.calendar .nav {
|
||||
background: #676 url(menuarrow.gif) no-repeat 100% 100%;
|
||||
}
|
||||
|
||||
.calendar thead .title { /* This holds the current "month, year" */
|
||||
font-weight: bold; /* Pressing it will take you to the current date */
|
||||
text-align: center;
|
||||
padding: 2px;
|
||||
background: #250;
|
||||
color: #efa;
|
||||
}
|
||||
|
||||
.calendar thead .headrow { /* Row <TR> containing navigation buttons */
|
||||
}
|
||||
|
||||
.calendar thead .name { /* Cells <TD> containing the day names */
|
||||
border-bottom: 1px solid #565;
|
||||
padding: 2px;
|
||||
text-align: center;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.calendar thead .weekend { /* How a weekend day name shows in header */
|
||||
color: #a66;
|
||||
}
|
||||
|
||||
.calendar thead .hilite { /* How do the buttons in header appear when hover */
|
||||
background-color: #afa;
|
||||
color: #000;
|
||||
border: 1px solid #084;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.calendar thead .active { /* Active (pressed) buttons in header */
|
||||
background-color: #7c7;
|
||||
padding: 2px 0px 0px 2px;
|
||||
}
|
||||
|
||||
.calendar thead .daynames { /* Row <TR> containing the day names */
|
||||
background: #dfb;
|
||||
}
|
||||
|
||||
/* The body part -- contains all the days in month. */
|
||||
|
||||
.calendar tbody .day { /* Cells <TD> containing month days dates */
|
||||
width: 2em;
|
||||
color: #564;
|
||||
text-align: right;
|
||||
padding: 2px 4px 2px 2px;
|
||||
}
|
||||
|
||||
.calendar table .wn {
|
||||
padding: 2px 3px 2px 2px;
|
||||
border-right: 1px solid #8a8;
|
||||
background: #dfb;
|
||||
}
|
||||
|
||||
.calendar tbody .rowhilite td {
|
||||
background: #dfd;
|
||||
}
|
||||
|
||||
.calendar tbody .rowhilite td.wn {
|
||||
background: #efe;
|
||||
}
|
||||
|
||||
.calendar tbody td.hilite { /* Hovered cells <TD> */
|
||||
background: #efd;
|
||||
padding: 1px 3px 1px 1px;
|
||||
border: 1px solid #bbb;
|
||||
}
|
||||
|
||||
.calendar tbody td.active { /* Active (pressed) cells <TD> */
|
||||
background: #dec;
|
||||
padding: 2px 2px 0px 2px;
|
||||
}
|
||||
|
||||
.calendar tbody td.selected { /* Cell showing today date */
|
||||
font-weight: bold;
|
||||
border: 1px solid #000;
|
||||
padding: 1px 3px 1px 1px;
|
||||
background: #f8fff8;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.calendar tbody td.weekend { /* Cells showing weekend days */
|
||||
color: #a66;
|
||||
}
|
||||
|
||||
.calendar tbody td.today { font-weight: bold; color: #0a0; }
|
||||
|
||||
.calendar tbody .disabled { color: #999; }
|
||||
|
||||
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* The footer part -- status bar and "Close" button */
|
||||
|
||||
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
|
||||
text-align: center;
|
||||
background: #565;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
|
||||
padding: 2px;
|
||||
background: #250;
|
||||
color: #efa;
|
||||
}
|
||||
|
||||
.calendar tfoot .hilite { /* Hover style for buttons in footer */
|
||||
background: #afa;
|
||||
border: 1px solid #084;
|
||||
color: #000;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
|
||||
background: #7c7;
|
||||
padding: 2px 0px 0px 2px;
|
||||
}
|
||||
|
||||
/* Combo boxes (menus that display months/years for direct selection) */
|
||||
|
||||
.combo {
|
||||
position: absolute;
|
||||
display: none;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 4em;
|
||||
cursor: default;
|
||||
border: 1px solid #565;
|
||||
background: #efd;
|
||||
color: #000;
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
.combo .label,
|
||||
.combo .label-IEfix {
|
||||
text-align: center;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.combo .label-IEfix {
|
||||
width: 4em;
|
||||
}
|
||||
|
||||
.combo .hilite {
|
||||
background: #af8;
|
||||
}
|
||||
|
||||
.combo .active {
|
||||
border-top: 1px solid #6a4;
|
||||
border-bottom: 1px solid #6a4;
|
||||
background: #efe;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.calendar td.time {
|
||||
border-top: 1px solid #8a8;
|
||||
padding: 1px 0px;
|
||||
text-align: center;
|
||||
background-color: #dfb;
|
||||
}
|
||||
|
||||
.calendar td.time .hour,
|
||||
.calendar td.time .minute,
|
||||
.calendar td.time .ampm {
|
||||
padding: 0px 3px 0px 4px;
|
||||
border: 1px solid #898;
|
||||
font-weight: bold;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.calendar td.time .ampm {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar td.time .colon {
|
||||
padding: 0px 2px 0px 3px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.calendar td.time span.hilite {
|
||||
border-color: #000;
|
||||
background-color: #686;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.calendar td.time span.active {
|
||||
border-color: #f00;
|
||||
background-color: #000;
|
||||
color: #0f0;
|
||||
}
|
||||
163
www/extras/calendar/calendar-setup.js
Normal file
163
www/extras/calendar/calendar-setup.js
Normal file
|
|
@ -0,0 +1,163 @@
|
|||
/* Copyright Mihai Bazon, 2002, 2003 | http://dynarch.com/mishoo/
|
||||
* ---------------------------------------------------------------------------
|
||||
*
|
||||
* The DHTML Calendar
|
||||
*
|
||||
* Details and latest version at:
|
||||
* http://dynarch.com/mishoo/calendar.epl
|
||||
*
|
||||
* This script is distributed under the GNU Lesser General Public License.
|
||||
* Read the entire license text here: http://www.gnu.org/licenses/lgpl.html
|
||||
*
|
||||
* This file defines helper functions for setting up the calendar. They are
|
||||
* intended to help non-programmers get a working calendar on their site
|
||||
* quickly. This script should not be seen as part of the calendar. It just
|
||||
* shows you what one can do with the calendar, while in the same time
|
||||
* providing a quick and simple method for setting it up. If you need
|
||||
* exhaustive customization of the calendar creation process feel free to
|
||||
* modify this code to suit your needs (this is recommended and much better
|
||||
* than modifying calendar.js itself).
|
||||
*/
|
||||
|
||||
// $Id$
|
||||
|
||||
/**
|
||||
* This function "patches" an input field (or other element) to use a calendar
|
||||
* widget for date selection.
|
||||
*
|
||||
* The "params" is a single object that can have the following properties:
|
||||
*
|
||||
* prop. name | description
|
||||
* -------------------------------------------------------------------------------------------------
|
||||
* inputField | the ID of an input field to store the date
|
||||
* displayArea | the ID of a DIV or other element to show the date
|
||||
* button | ID of a button or other element that will trigger the calendar
|
||||
* eventName | event that will trigger the calendar, without the "on" prefix (default: "click")
|
||||
* ifFormat | date format that will be stored in the input field
|
||||
* daFormat | the date format that will be used to display the date in displayArea
|
||||
* singleClick | (true/false) wether the calendar is in single click mode or not (default: true)
|
||||
* mondayFirst | (true/false) if true Monday is the first day of week, Sunday otherwise (default: true)
|
||||
* align | alignment (default: "Bl"); if you don't know what's this see the calendar documentation
|
||||
* range | array with 2 elements. Default: [1900, 2999] -- the range of years available
|
||||
* weekNumbers | (true/false) if it's true (default) the calendar will display week numbers
|
||||
* flat | null or element ID; if not null the calendar will be a flat calendar having the parent with the given ID
|
||||
* flatCallback | function that receives a JS Date object and returns an URL to point the browser to (for flat calendar)
|
||||
* disableFunc | function that receives a JS Date object and should return true if that date has to be disabled in the calendar
|
||||
* onSelect | function that gets called when a date is selected. You don't _have_ to supply this (the default is generally okay)
|
||||
* onClose | function that gets called when the calendar is closed. [default]
|
||||
* onUpdate | function that gets called after the date is updated in the input field. Receives a reference to the calendar.
|
||||
* date | the date that the calendar will be initially displayed to
|
||||
* showsTime | default: false; if true the calendar will include a time selector
|
||||
* timeFormat | the time format; can be "12" or "24", default is "12"
|
||||
*
|
||||
* None of them is required, they all have default values. However, if you
|
||||
* pass none of "inputField", "displayArea" or "button" you'll get a warning
|
||||
* saying "nothing to setup".
|
||||
*/
|
||||
Calendar.setup = function (params) {
|
||||
function param_default(pname, def) { if (typeof params[pname] == "undefined") { params[pname] = def; } };
|
||||
|
||||
param_default("inputField", null);
|
||||
param_default("displayArea", null);
|
||||
param_default("button", null);
|
||||
param_default("eventName", "click");
|
||||
param_default("ifFormat", "%Y/%m/%d");
|
||||
param_default("daFormat", "%Y/%m/%d");
|
||||
param_default("singleClick", true);
|
||||
param_default("disableFunc", null);
|
||||
param_default("dateStatusFunc", params["disableFunc"]); // takes precedence if both are defined
|
||||
param_default("mondayFirst", true);
|
||||
param_default("align", "Bl");
|
||||
param_default("range", [1900, 2999]);
|
||||
param_default("weekNumbers", true);
|
||||
param_default("flat", null);
|
||||
param_default("flatCallback", null);
|
||||
param_default("onSelect", null);
|
||||
param_default("onClose", null);
|
||||
param_default("onUpdate", null);
|
||||
param_default("date", null);
|
||||
param_default("showsTime", false);
|
||||
param_default("timeFormat", "24");
|
||||
|
||||
var tmp = ["inputField", "displayArea", "button"];
|
||||
for (var i in tmp) {
|
||||
if (typeof params[tmp[i]] == "string") {
|
||||
params[tmp[i]] = document.getElementById(params[tmp[i]]);
|
||||
}
|
||||
}
|
||||
if (!(params.flat || params.inputField || params.displayArea || params.button)) {
|
||||
alert("Calendar.setup:\n Nothing to setup (no fields found). Please check your code");
|
||||
return false;
|
||||
}
|
||||
|
||||
function onSelect(cal) {
|
||||
if (cal.params.flat) {
|
||||
if (typeof cal.params.flatCallback == "function") {
|
||||
cal.params.flatCallback(cal);
|
||||
} else {
|
||||
alert("No flatCallback given -- doing nothing.");
|
||||
}
|
||||
return false;
|
||||
}
|
||||
if (cal.params.inputField) {
|
||||
cal.params.inputField.value = cal.date.print(cal.params.ifFormat);
|
||||
}
|
||||
if (cal.params.displayArea) {
|
||||
cal.params.displayArea.innerHTML = cal.date.print(cal.params.daFormat);
|
||||
}
|
||||
if (cal.params.singleClick && cal.dateClicked) {
|
||||
cal.callCloseHandler();
|
||||
}
|
||||
if (typeof cal.params.onUpdate == "function") {
|
||||
cal.params.onUpdate(cal);
|
||||
}
|
||||
};
|
||||
|
||||
if (params.flat != null) {
|
||||
params.flat = document.getElementById(params.flat);
|
||||
if (!params.flat) {
|
||||
alert("Calendar.setup:\n Flat specified but can't find parent.");
|
||||
return false;
|
||||
}
|
||||
var cal = new Calendar(params.mondayFirst, params.date, params.onSelect || onSelect);
|
||||
cal.showsTime = params.showsTime;
|
||||
cal.time24 = (params.timeFormat == "24");
|
||||
cal.params = params;
|
||||
cal.weekNumbers = params.weekNumbers;
|
||||
cal.setRange(params.range[0], params.range[1]);
|
||||
cal.setDateStatusHandler(params.dateStatusFunc);
|
||||
cal.create(params.flat);
|
||||
cal.show();
|
||||
return false;
|
||||
}
|
||||
|
||||
var triggerEl = params.button || params.displayArea || params.inputField;
|
||||
triggerEl["on" + params.eventName] = function() {
|
||||
var dateEl = params.inputField || params.displayArea;
|
||||
var dateFmt = params.inputField ? params.ifFormat : params.daFormat;
|
||||
var mustCreate = false;
|
||||
var cal = window.calendar;
|
||||
if (!window.calendar) {
|
||||
window.calendar = cal = new Calendar(params.mondayFirst,
|
||||
params.date,
|
||||
params.onSelect || onSelect,
|
||||
params.onClose || function(cal) { cal.hide(); });
|
||||
cal.showsTime = params.showsTime;
|
||||
cal.time24 = (params.timeFormat == "24");
|
||||
cal.weekNumbers = params.weekNumbers;
|
||||
mustCreate = true;
|
||||
} else {
|
||||
cal.hide();
|
||||
}
|
||||
cal.setRange(params.range[0], params.range[1]);
|
||||
cal.params = params;
|
||||
cal.setDateStatusHandler(params.dateStatusFunc);
|
||||
cal.setDateFormat(dateFmt);
|
||||
if (mustCreate)
|
||||
cal.create();
|
||||
cal.parseDate(dateEl.value || dateEl.innerHTML);
|
||||
cal.refresh();
|
||||
cal.showAtElement(params.displayArea || params.inputField, params.align);
|
||||
return false;
|
||||
};
|
||||
};
|
||||
21
www/extras/calendar/calendar-setup_stripped.js
Normal file
21
www/extras/calendar/calendar-setup_stripped.js
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
/* Copyright Mihai Bazon, 2002, 2003 | http://dynarch.com/mishoo/
|
||||
* ---------------------------------------------------------------------------
|
||||
*
|
||||
* The DHTML Calendar
|
||||
*
|
||||
* Details and latest version at:
|
||||
* http://dynarch.com/mishoo/calendar.epl
|
||||
*
|
||||
* This script is distributed under the GNU Lesser General Public License.
|
||||
* Read the entire license text here: http://www.gnu.org/licenses/lgpl.html
|
||||
*
|
||||
* This file defines helper functions for setting up the calendar. They are
|
||||
* intended to help non-programmers get a working calendar on their site
|
||||
* quickly. This script should not be seen as part of the calendar. It just
|
||||
* shows you what one can do with the calendar, while in the same time
|
||||
* providing a quick and simple method for setting it up. If you need
|
||||
* exhaustive customization of the calendar creation process feel free to
|
||||
* modify this code to suit your needs (this is recommended and much better
|
||||
* than modifying calendar.js itself).
|
||||
*/
|
||||
Calendar.setup=function(params){function param_default(pname,def){if(typeof params[pname]=="undefined"){params[pname]=def;}};param_default("inputField",null);param_default("displayArea",null);param_default("button",null);param_default("eventName","click");param_default("ifFormat","%Y/%m/%d");param_default("daFormat","%Y/%m/%d");param_default("singleClick",true);param_default("disableFunc",null);param_default("dateStatusFunc",params["disableFunc"]);param_default("mondayFirst",true);param_default("align","Bl");param_default("range",[1900,2999]);param_default("weekNumbers",true);param_default("flat",null);param_default("flatCallback",null);param_default("onSelect",null);param_default("onClose",null);param_default("onUpdate",null);param_default("date",null);param_default("showsTime",false);param_default("timeFormat","24");var tmp=["inputField","displayArea","button"];for(var i in tmp){if(typeof params[tmp[i]]=="string"){params[tmp[i]]=document.getElementById(params[tmp[i]]);}}if(!(params.flat||params.inputField||params.displayArea||params.button)){alert("Calendar.setup:\n Nothing to setup (no fields found). Please check your code");return false;}function onSelect(cal){if(cal.params.flat){if(typeof cal.params.flatCallback=="function"){cal.params.flatCallback(cal);}else{alert("No flatCallback given -- doing nothing.");}return false;}if(cal.params.inputField){cal.params.inputField.value=cal.date.print(cal.params.ifFormat);}if(cal.params.displayArea){cal.params.displayArea.innerHTML=cal.date.print(cal.params.daFormat);}if(cal.params.singleClick&&cal.dateClicked){cal.callCloseHandler();}if(typeof cal.params.onUpdate=="function"){cal.params.onUpdate(cal);}};if(params.flat!=null){params.flat=document.getElementById(params.flat);if(!params.flat){alert("Calendar.setup:\n Flat specified but can't find parent.");return false;}var cal=new Calendar(params.mondayFirst,params.date,params.onSelect||onSelect);cal.showsTime=params.showsTime;cal.time24=(params.timeFormat=="24");cal.params=params;cal.weekNumbers=params.weekNumbers;cal.setRange(params.range[0],params.range[1]);cal.setDateStatusHandler(params.dateStatusFunc);cal.create(params.flat);cal.show();return false;}var triggerEl=params.button||params.displayArea||params.inputField;triggerEl["on"+params.eventName]=function(){var dateEl=params.inputField||params.displayArea;var dateFmt=params.inputField?params.ifFormat:params.daFormat;var mustCreate=false;var cal=window.calendar;if(!window.calendar){window.calendar=cal=new Calendar(params.mondayFirst,params.date,params.onSelect||onSelect,params.onClose||function(cal){cal.hide();});cal.showsTime=params.showsTime;cal.time24=(params.timeFormat=="24");cal.weekNumbers=params.weekNumbers;mustCreate=true;}else{cal.hide();}cal.setRange(params.range[0],params.range[1]);cal.params=params;cal.setDateStatusHandler(params.dateStatusFunc);cal.setDateFormat(dateFmt);if(mustCreate)cal.create();cal.parseDate(dateEl.value||dateEl.innerHTML);cal.refresh();cal.showAtElement(params.displayArea||params.inputField,params.align);return false;};};
|
||||
243
www/extras/calendar/calendar-system.css
Normal file
243
www/extras/calendar/calendar-system.css
Normal file
|
|
@ -0,0 +1,243 @@
|
|||
/* The main calendar widget. DIV containing a table. */
|
||||
|
||||
.calendar {
|
||||
position: relative;
|
||||
display: none;
|
||||
border: 1px solid;
|
||||
border-color: #fff #000 #000 #fff;
|
||||
font-size: 11px;
|
||||
cursor: default;
|
||||
background: Window;
|
||||
color: WindowText;
|
||||
font-family: tahoma,verdana,sans-serif;
|
||||
}
|
||||
|
||||
.calendar table {
|
||||
border: 1px solid;
|
||||
border-color: #fff #000 #000 #fff;
|
||||
font-size: 11px;
|
||||
cursor: default;
|
||||
background: Window;
|
||||
color: WindowText;
|
||||
font-family: tahoma,verdana,sans-serif;
|
||||
}
|
||||
|
||||
/* Header part -- contains navigation buttons and day names. */
|
||||
|
||||
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
|
||||
text-align: center;
|
||||
padding: 1px;
|
||||
border: 1px solid;
|
||||
border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
|
||||
background: ButtonFace;
|
||||
}
|
||||
|
||||
.calendar .nav {
|
||||
background: ButtonFace url(menuarrow.gif) no-repeat 100% 100%;
|
||||
}
|
||||
|
||||
.calendar thead .title { /* This holds the current "month, year" */
|
||||
font-weight: bold;
|
||||
padding: 1px;
|
||||
border: 1px solid #000;
|
||||
background: ActiveCaption;
|
||||
color: CaptionText;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar thead .headrow { /* Row <TR> containing navigation buttons */
|
||||
}
|
||||
|
||||
.calendar thead .daynames { /* Row <TR> containing the day names */
|
||||
}
|
||||
|
||||
.calendar thead .name { /* Cells <TD> containing the day names */
|
||||
border-bottom: 1px solid ButtonShadow;
|
||||
padding: 2px;
|
||||
text-align: center;
|
||||
background: ButtonFace;
|
||||
color: ButtonText;
|
||||
}
|
||||
|
||||
.calendar thead .weekend { /* How a weekend day name shows in header */
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
.calendar thead .hilite { /* How do the buttons in header appear when hover */
|
||||
border: 2px solid;
|
||||
padding: 0px;
|
||||
border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
|
||||
}
|
||||
|
||||
.calendar thead .active { /* Active (pressed) buttons in header */
|
||||
border-width: 1px;
|
||||
padding: 2px 0px 0px 2px;
|
||||
border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
|
||||
}
|
||||
|
||||
/* The body part -- contains all the days in month. */
|
||||
|
||||
.calendar tbody .day { /* Cells <TD> containing month days dates */
|
||||
width: 2em;
|
||||
text-align: right;
|
||||
padding: 2px 4px 2px 2px;
|
||||
}
|
||||
|
||||
.calendar table .wn {
|
||||
padding: 2px 3px 2px 2px;
|
||||
border-right: 1px solid ButtonShadow;
|
||||
background: ButtonFace;
|
||||
color: ButtonText;
|
||||
}
|
||||
|
||||
.calendar tbody .rowhilite td {
|
||||
background: Highlight;
|
||||
color: HighlightText;
|
||||
}
|
||||
|
||||
.calendar tbody td.hilite { /* Hovered cells <TD> */
|
||||
padding: 1px 3px 1px 1px;
|
||||
border-top: 1px solid #fff;
|
||||
border-right: 1px solid #000;
|
||||
border-bottom: 1px solid #000;
|
||||
border-left: 1px solid #fff;
|
||||
}
|
||||
|
||||
.calendar tbody td.active { /* Active (pressed) cells <TD> */
|
||||
padding: 2px 2px 0px 2px;
|
||||
border: 1px solid;
|
||||
border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
|
||||
}
|
||||
|
||||
.calendar tbody td.selected { /* Cell showing selected date */
|
||||
font-weight: bold;
|
||||
border: 1px solid;
|
||||
border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
|
||||
padding: 2px 2px 0px 2px;
|
||||
background: ButtonFace;
|
||||
color: ButtonText;
|
||||
}
|
||||
|
||||
.calendar tbody td.weekend { /* Cells showing weekend days */
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
.calendar tbody td.today { /* Cell showing today date */
|
||||
font-weight: bold;
|
||||
color: #00f;
|
||||
}
|
||||
|
||||
.calendar tbody td.disabled { color: GrayText; }
|
||||
|
||||
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* The footer part -- status bar and "Close" button */
|
||||
|
||||
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
|
||||
}
|
||||
|
||||
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
|
||||
background: ButtonFace;
|
||||
padding: 1px;
|
||||
border: 1px solid;
|
||||
border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
|
||||
color: ButtonText;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar tfoot .hilite { /* Hover style for buttons in footer */
|
||||
border-top: 1px solid #fff;
|
||||
border-right: 1px solid #000;
|
||||
border-bottom: 1px solid #000;
|
||||
border-left: 1px solid #fff;
|
||||
padding: 1px;
|
||||
background: #e4e0d8;
|
||||
}
|
||||
|
||||
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
|
||||
padding: 2px 0px 0px 2px;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
}
|
||||
|
||||
/* Combo boxes (menus that display months/years for direct selection) */
|
||||
|
||||
.combo {
|
||||
position: absolute;
|
||||
display: none;
|
||||
width: 4em;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
cursor: default;
|
||||
border: 1px solid;
|
||||
border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
|
||||
background: Menu;
|
||||
color: MenuText;
|
||||
font-size: smaller;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.combo .label,
|
||||
.combo .label-IEfix {
|
||||
text-align: center;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.combo .label-IEfix {
|
||||
width: 4em;
|
||||
}
|
||||
|
||||
.combo .active {
|
||||
padding: 0px;
|
||||
border: 1px solid #000;
|
||||
}
|
||||
|
||||
.combo .hilite {
|
||||
background: Highlight;
|
||||
color: HighlightText;
|
||||
}
|
||||
|
||||
.calendar td.time {
|
||||
border-top: 1px solid ButtonShadow;
|
||||
padding: 1px 0px;
|
||||
text-align: center;
|
||||
background-color: ButtonFace;
|
||||
}
|
||||
|
||||
.calendar td.time .hour,
|
||||
.calendar td.time .minute,
|
||||
.calendar td.time .ampm {
|
||||
padding: 0px 3px 0px 4px;
|
||||
border: 1px solid #889;
|
||||
font-weight: bold;
|
||||
background-color: Menu;
|
||||
}
|
||||
|
||||
.calendar td.time .ampm {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar td.time .colon {
|
||||
padding: 0px 2px 0px 3px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.calendar td.time span.hilite {
|
||||
border-color: #000;
|
||||
background-color: Highlight;
|
||||
color: HighlightText;
|
||||
}
|
||||
|
||||
.calendar td.time span.active {
|
||||
border-color: #f00;
|
||||
background-color: #000;
|
||||
color: #0f0;
|
||||
}
|
||||
264
www/extras/calendar/calendar-win2k-1.css
Normal file
264
www/extras/calendar/calendar-win2k-1.css
Normal file
|
|
@ -0,0 +1,264 @@
|
|||
/* The main calendar widget. DIV containing a table. */
|
||||
|
||||
.calendar {
|
||||
position: relative;
|
||||
display: none;
|
||||
border-top: 2px solid #fff;
|
||||
border-right: 2px solid #000;
|
||||
border-bottom: 2px solid #000;
|
||||
border-left: 2px solid #fff;
|
||||
font-size: 11px;
|
||||
color: #000;
|
||||
cursor: default;
|
||||
background: #d4d0c8;
|
||||
font-family: tahoma,verdana,sans-serif;
|
||||
z-index: 10000;
|
||||
}
|
||||
|
||||
.calendar table {
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
font-size: 11px;
|
||||
color: #000;
|
||||
cursor: default;
|
||||
background: #d4d0c8;
|
||||
font-family: tahoma,verdana,sans-serif;
|
||||
}
|
||||
|
||||
/* Header part -- contains navigation buttons and day names. */
|
||||
|
||||
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
|
||||
text-align: center;
|
||||
padding: 1px;
|
||||
border-top: 1px solid #fff;
|
||||
border-right: 1px solid #000;
|
||||
border-bottom: 1px solid #000;
|
||||
border-left: 1px solid #fff;
|
||||
}
|
||||
|
||||
.calendar .nav {
|
||||
background: transparent url("/extras/calendar/menuarrow.gif") no-repeat 100% 100%;
|
||||
}
|
||||
|
||||
.calendar thead .title { /* This holds the current "month, year" */
|
||||
font-weight: bold;
|
||||
padding: 1px;
|
||||
border: 1px solid #000;
|
||||
background: #848078;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar thead .headrow { /* Row <TR> containing navigation buttons */
|
||||
}
|
||||
|
||||
.calendar thead .daynames { /* Row <TR> containing the day names */
|
||||
}
|
||||
|
||||
.calendar thead .name { /* Cells <TD> containing the day names */
|
||||
border-bottom: 1px solid #000;
|
||||
padding: 2px;
|
||||
text-align: center;
|
||||
background: #f4f0e8;
|
||||
}
|
||||
|
||||
.calendar thead .weekend { /* How a weekend day name shows in header */
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
.calendar thead .hilite { /* How do the buttons in header appear when hover */
|
||||
border-top: 2px solid #fff;
|
||||
border-right: 2px solid #000;
|
||||
border-bottom: 2px solid #000;
|
||||
border-left: 2px solid #fff;
|
||||
padding: 0px;
|
||||
background-color: #e4e0d8;
|
||||
}
|
||||
|
||||
.calendar thead .active { /* Active (pressed) buttons in header */
|
||||
padding: 2px 0px 0px 2px;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
background-color: #c4c0b8;
|
||||
}
|
||||
|
||||
/* The body part -- contains all the days in month. */
|
||||
|
||||
.calendar tbody .day { /* Cells <TD> containing month days dates */
|
||||
width: 2em;
|
||||
text-align: right;
|
||||
padding: 2px 4px 2px 2px;
|
||||
}
|
||||
|
||||
.calendar table .wn {
|
||||
padding: 2px 3px 2px 2px;
|
||||
border-right: 1px solid #000;
|
||||
background: #f4f0e8;
|
||||
}
|
||||
|
||||
.calendar tbody .rowhilite td {
|
||||
background: #e4e0d8;
|
||||
}
|
||||
|
||||
.calendar tbody .rowhilite td.wn {
|
||||
background: #d4d0c8;
|
||||
}
|
||||
|
||||
.calendar tbody td.hilite { /* Hovered cells <TD> */
|
||||
padding: 1px 3px 1px 1px;
|
||||
border-top: 1px solid #fff;
|
||||
border-right: 1px solid #000;
|
||||
border-bottom: 1px solid #000;
|
||||
border-left: 1px solid #fff;
|
||||
}
|
||||
|
||||
.calendar tbody td.active { /* Active (pressed) cells <TD> */
|
||||
padding: 2px 2px 0px 2px;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
}
|
||||
|
||||
.calendar tbody td.selected { /* Cell showing selected date */
|
||||
font-weight: bold;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
padding: 2px 2px 0px 2px;
|
||||
background: #e4e0d8;
|
||||
}
|
||||
|
||||
.calendar tbody td.weekend { /* Cells showing weekend days */
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
.calendar tbody td.today { /* Cell showing today date */
|
||||
font-weight: bold;
|
||||
color: #00f;
|
||||
}
|
||||
|
||||
.calendar tbody .disabled { color: #999; }
|
||||
|
||||
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* The footer part -- status bar and "Close" button */
|
||||
|
||||
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
|
||||
}
|
||||
|
||||
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
|
||||
background: #f4f0e8;
|
||||
padding: 1px;
|
||||
border: 1px solid #000;
|
||||
background: #848078;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar tfoot .hilite { /* Hover style for buttons in footer */
|
||||
border-top: 1px solid #fff;
|
||||
border-right: 1px solid #000;
|
||||
border-bottom: 1px solid #000;
|
||||
border-left: 1px solid #fff;
|
||||
padding: 1px;
|
||||
background: #e4e0d8;
|
||||
}
|
||||
|
||||
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
|
||||
padding: 2px 0px 0px 2px;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
}
|
||||
|
||||
/* Combo boxes (menus that display months/years for direct selection) */
|
||||
|
||||
.combo {
|
||||
position: absolute;
|
||||
display: none;
|
||||
width: 4em;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
cursor: default;
|
||||
border-top: 1px solid #fff;
|
||||
border-right: 1px solid #000;
|
||||
border-bottom: 1px solid #000;
|
||||
border-left: 1px solid #fff;
|
||||
background: #e4e0d8;
|
||||
font-size: smaller;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.combo .label,
|
||||
.combo .label-IEfix {
|
||||
text-align: center;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.combo .label-IEfix {
|
||||
width: 4em;
|
||||
}
|
||||
|
||||
.combo .active {
|
||||
background: #c4c0b8;
|
||||
padding: 0px;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
}
|
||||
|
||||
.combo .hilite {
|
||||
background: #048;
|
||||
color: #fea;
|
||||
}
|
||||
|
||||
.calendar td.time {
|
||||
border-top: 1px solid #000;
|
||||
padding: 1px 0px;
|
||||
text-align: center;
|
||||
background-color: #f4f0e8;
|
||||
}
|
||||
|
||||
.calendar td.time .hour,
|
||||
.calendar td.time .minute,
|
||||
.calendar td.time .ampm {
|
||||
padding: 0px 3px 0px 4px;
|
||||
border: 1px solid #889;
|
||||
font-weight: bold;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.calendar td.time .ampm {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar td.time .colon {
|
||||
padding: 0px 2px 0px 3px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.calendar td.time span.hilite {
|
||||
border-color: #000;
|
||||
background-color: #766;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.calendar td.time span.active {
|
||||
border-color: #f00;
|
||||
background-color: #000;
|
||||
color: #0f0;
|
||||
}
|
||||
263
www/extras/calendar/calendar-win2k-2.css
Normal file
263
www/extras/calendar/calendar-win2k-2.css
Normal file
|
|
@ -0,0 +1,263 @@
|
|||
/* The main calendar widget. DIV containing a table. */
|
||||
|
||||
.calendar {
|
||||
position: relative;
|
||||
display: none;
|
||||
border-top: 2px solid #fff;
|
||||
border-right: 2px solid #000;
|
||||
border-bottom: 2px solid #000;
|
||||
border-left: 2px solid #fff;
|
||||
font-size: 11px;
|
||||
color: #000;
|
||||
cursor: default;
|
||||
background: #d4c8d0;
|
||||
font-family: tahoma,verdana,sans-serif;
|
||||
}
|
||||
|
||||
.calendar table {
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
font-size: 11px;
|
||||
color: #000;
|
||||
cursor: default;
|
||||
background: #d4c8d0;
|
||||
font-family: tahoma,verdana,sans-serif;
|
||||
}
|
||||
|
||||
/* Header part -- contains navigation buttons and day names. */
|
||||
|
||||
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
|
||||
text-align: center;
|
||||
padding: 1px;
|
||||
border-top: 1px solid #fff;
|
||||
border-right: 1px solid #000;
|
||||
border-bottom: 1px solid #000;
|
||||
border-left: 1px solid #fff;
|
||||
}
|
||||
|
||||
.calendar .nav {
|
||||
background: transparent url(menuarrow.gif) no-repeat 100% 100%;
|
||||
}
|
||||
|
||||
.calendar thead .title { /* This holds the current "month, year" */
|
||||
font-weight: bold;
|
||||
padding: 1px;
|
||||
border: 1px solid #000;
|
||||
background: #847880;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar thead .headrow { /* Row <TR> containing navigation buttons */
|
||||
}
|
||||
|
||||
.calendar thead .daynames { /* Row <TR> containing the day names */
|
||||
}
|
||||
|
||||
.calendar thead .name { /* Cells <TD> containing the day names */
|
||||
border-bottom: 1px solid #000;
|
||||
padding: 2px;
|
||||
text-align: center;
|
||||
background: #f4e8f0;
|
||||
}
|
||||
|
||||
.calendar thead .weekend { /* How a weekend day name shows in header */
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
.calendar thead .hilite { /* How do the buttons in header appear when hover */
|
||||
border-top: 2px solid #fff;
|
||||
border-right: 2px solid #000;
|
||||
border-bottom: 2px solid #000;
|
||||
border-left: 2px solid #fff;
|
||||
padding: 0px;
|
||||
background-color: #e4d8e0;
|
||||
}
|
||||
|
||||
.calendar thead .active { /* Active (pressed) buttons in header */
|
||||
padding: 2px 0px 0px 2px;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
background-color: #c4b8c0;
|
||||
}
|
||||
|
||||
/* The body part -- contains all the days in month. */
|
||||
|
||||
.calendar tbody .day { /* Cells <TD> containing month days dates */
|
||||
width: 2em;
|
||||
text-align: right;
|
||||
padding: 2px 4px 2px 2px;
|
||||
}
|
||||
|
||||
.calendar table .wn {
|
||||
padding: 2px 3px 2px 2px;
|
||||
border-right: 1px solid #000;
|
||||
background: #f4e8f0;
|
||||
}
|
||||
|
||||
.calendar tbody .rowhilite td {
|
||||
background: #e4d8e0;
|
||||
}
|
||||
|
||||
.calendar tbody .rowhilite td.wn {
|
||||
background: #d4c8d0;
|
||||
}
|
||||
|
||||
.calendar tbody td.hilite { /* Hovered cells <TD> */
|
||||
padding: 1px 3px 1px 1px;
|
||||
border-top: 1px solid #fff;
|
||||
border-right: 1px solid #000;
|
||||
border-bottom: 1px solid #000;
|
||||
border-left: 1px solid #fff;
|
||||
}
|
||||
|
||||
.calendar tbody td.active { /* Active (pressed) cells <TD> */
|
||||
padding: 2px 2px 0px 2px;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
}
|
||||
|
||||
.calendar tbody td.selected { /* Cell showing selected date */
|
||||
font-weight: bold;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
padding: 2px 2px 0px 2px;
|
||||
background: #e4d8e0;
|
||||
}
|
||||
|
||||
.calendar tbody td.weekend { /* Cells showing weekend days */
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
.calendar tbody td.today { /* Cell showing today date */
|
||||
font-weight: bold;
|
||||
color: #00f;
|
||||
}
|
||||
|
||||
.calendar tbody .disabled { color: #999; }
|
||||
|
||||
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* The footer part -- status bar and "Close" button */
|
||||
|
||||
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
|
||||
}
|
||||
|
||||
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
|
||||
background: #f4e8f0;
|
||||
padding: 1px;
|
||||
border: 1px solid #000;
|
||||
background: #847880;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar tfoot .hilite { /* Hover style for buttons in footer */
|
||||
border-top: 1px solid #fff;
|
||||
border-right: 1px solid #000;
|
||||
border-bottom: 1px solid #000;
|
||||
border-left: 1px solid #fff;
|
||||
padding: 1px;
|
||||
background: #e4d8e0;
|
||||
}
|
||||
|
||||
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
|
||||
padding: 2px 0px 0px 2px;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
}
|
||||
|
||||
/* Combo boxes (menus that display months/years for direct selection) */
|
||||
|
||||
.combo {
|
||||
position: absolute;
|
||||
display: none;
|
||||
width: 4em;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
cursor: default;
|
||||
border-top: 1px solid #fff;
|
||||
border-right: 1px solid #000;
|
||||
border-bottom: 1px solid #000;
|
||||
border-left: 1px solid #fff;
|
||||
background: #e4d8e0;
|
||||
font-size: smaller;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.combo .label,
|
||||
.combo .label-IEfix {
|
||||
text-align: center;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.combo .label-IEfix {
|
||||
width: 4em;
|
||||
}
|
||||
|
||||
.combo .active {
|
||||
background: #d4c8d0;
|
||||
padding: 0px;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
}
|
||||
|
||||
.combo .hilite {
|
||||
background: #408;
|
||||
color: #fea;
|
||||
}
|
||||
|
||||
.calendar td.time {
|
||||
border-top: 1px solid #000;
|
||||
padding: 1px 0px;
|
||||
text-align: center;
|
||||
background-color: #f4f0e8;
|
||||
}
|
||||
|
||||
.calendar td.time .hour,
|
||||
.calendar td.time .minute,
|
||||
.calendar td.time .ampm {
|
||||
padding: 0px 3px 0px 4px;
|
||||
border: 1px solid #889;
|
||||
font-weight: bold;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.calendar td.time .ampm {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar td.time .colon {
|
||||
padding: 0px 2px 0px 3px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.calendar td.time span.hilite {
|
||||
border-color: #000;
|
||||
background-color: #766;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.calendar td.time span.active {
|
||||
border-color: #f00;
|
||||
background-color: #000;
|
||||
color: #0f0;
|
||||
}
|
||||
257
www/extras/calendar/calendar-win2k-cold-1.css
Normal file
257
www/extras/calendar/calendar-win2k-cold-1.css
Normal file
|
|
@ -0,0 +1,257 @@
|
|||
/* The main calendar widget. DIV containing a table. */
|
||||
|
||||
.calendar {
|
||||
position: relative;
|
||||
display: none;
|
||||
border-top: 2px solid #fff;
|
||||
border-right: 2px solid #000;
|
||||
border-bottom: 2px solid #000;
|
||||
border-left: 2px solid #fff;
|
||||
font-size: 11px;
|
||||
color: #000;
|
||||
cursor: default;
|
||||
background: #c8d0d4;
|
||||
font-family: tahoma,verdana,sans-serif;
|
||||
}
|
||||
|
||||
.calendar table {
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
font-size: 11px;
|
||||
color: #000;
|
||||
cursor: default;
|
||||
background: #c8d0d4;
|
||||
font-family: tahoma,verdana,sans-serif;
|
||||
}
|
||||
|
||||
/* Header part -- contains navigation buttons and day names. */
|
||||
|
||||
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
|
||||
text-align: center;
|
||||
padding: 1px;
|
||||
border-top: 1px solid #fff;
|
||||
border-right: 1px solid #000;
|
||||
border-bottom: 1px solid #000;
|
||||
border-left: 1px solid #fff;
|
||||
}
|
||||
|
||||
.calendar .nav {
|
||||
background: transparent url(menuarrow.gif) no-repeat 100% 100%;
|
||||
}
|
||||
|
||||
.calendar thead .title { /* This holds the current "month, year" */
|
||||
font-weight: bold;
|
||||
padding: 1px;
|
||||
border: 1px solid #000;
|
||||
background: #788084;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar thead .headrow { /* Row <TR> containing navigation buttons */
|
||||
}
|
||||
|
||||
.calendar thead .daynames { /* Row <TR> containing the day names */
|
||||
}
|
||||
|
||||
.calendar thead .name { /* Cells <TD> containing the day names */
|
||||
border-bottom: 1px solid #000;
|
||||
padding: 2px;
|
||||
text-align: center;
|
||||
background: #e8f0f4;
|
||||
}
|
||||
|
||||
.calendar thead .weekend { /* How a weekend day name shows in header */
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
.calendar thead .hilite { /* How do the buttons in header appear when hover */
|
||||
border-top: 2px solid #fff;
|
||||
border-right: 2px solid #000;
|
||||
border-bottom: 2px solid #000;
|
||||
border-left: 2px solid #fff;
|
||||
padding: 0px;
|
||||
background-color: #d8e0e4;
|
||||
}
|
||||
|
||||
.calendar thead .active { /* Active (pressed) buttons in header */
|
||||
padding: 2px 0px 0px 2px;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
background-color: #b8c0c4;
|
||||
}
|
||||
|
||||
/* The body part -- contains all the days in month. */
|
||||
|
||||
.calendar tbody .day { /* Cells <TD> containing month days dates */
|
||||
width: 2em;
|
||||
text-align: right;
|
||||
padding: 2px 4px 2px 2px;
|
||||
}
|
||||
|
||||
.calendar table .wn {
|
||||
padding: 2px 3px 2px 2px;
|
||||
border-right: 1px solid #000;
|
||||
background: #e8f4f0;
|
||||
}
|
||||
|
||||
.calendar tbody .rowhilite td {
|
||||
background: #d8e4e0;
|
||||
}
|
||||
|
||||
.calendar tbody .rowhilite td.wn {
|
||||
background: #c8d4d0;
|
||||
}
|
||||
|
||||
.calendar tbody td.hilite { /* Hovered cells <TD> */
|
||||
padding: 1px 3px 1px 1px;
|
||||
border: 1px solid;
|
||||
border-color: #fff #000 #000 #fff;
|
||||
}
|
||||
|
||||
.calendar tbody td.active { /* Active (pressed) cells <TD> */
|
||||
padding: 2px 2px 0px 2px;
|
||||
border: 1px solid;
|
||||
border-color: #000 #fff #fff #000;
|
||||
}
|
||||
|
||||
.calendar tbody td.selected { /* Cell showing selected date */
|
||||
font-weight: bold;
|
||||
padding: 2px 2px 0px 2px;
|
||||
border: 1px solid;
|
||||
border-color: #000 #fff #fff #000;
|
||||
background: #d8e0e4;
|
||||
}
|
||||
|
||||
.calendar tbody td.weekend { /* Cells showing weekend days */
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
.calendar tbody td.today { /* Cell showing today date */
|
||||
font-weight: bold;
|
||||
color: #00f;
|
||||
}
|
||||
|
||||
.calendar tbody .disabled { color: #999; }
|
||||
|
||||
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* The footer part -- status bar and "Close" button */
|
||||
|
||||
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
|
||||
}
|
||||
|
||||
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
|
||||
background: #e8f0f4;
|
||||
padding: 1px;
|
||||
border: 1px solid #000;
|
||||
background: #788084;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar tfoot .hilite { /* Hover style for buttons in footer */
|
||||
border-top: 1px solid #fff;
|
||||
border-right: 1px solid #000;
|
||||
border-bottom: 1px solid #000;
|
||||
border-left: 1px solid #fff;
|
||||
padding: 1px;
|
||||
background: #d8e0e4;
|
||||
}
|
||||
|
||||
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
|
||||
padding: 2px 0px 0px 2px;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
}
|
||||
|
||||
/* Combo boxes (menus that display months/years for direct selection) */
|
||||
|
||||
.combo {
|
||||
position: absolute;
|
||||
display: none;
|
||||
width: 4em;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
cursor: default;
|
||||
border-top: 1px solid #fff;
|
||||
border-right: 1px solid #000;
|
||||
border-bottom: 1px solid #000;
|
||||
border-left: 1px solid #fff;
|
||||
background: #d8e0e4;
|
||||
font-size: smaller;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.combo .label,
|
||||
.combo .label-IEfix {
|
||||
text-align: center;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.combo .label-IEfix {
|
||||
width: 4em;
|
||||
}
|
||||
|
||||
.combo .active {
|
||||
background: #c8d0d4;
|
||||
padding: 0px;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
}
|
||||
|
||||
.combo .hilite {
|
||||
background: #048;
|
||||
color: #aef;
|
||||
}
|
||||
|
||||
.calendar td.time {
|
||||
border-top: 1px solid #000;
|
||||
padding: 1px 0px;
|
||||
text-align: center;
|
||||
background-color: #e8f0f4;
|
||||
}
|
||||
|
||||
.calendar td.time .hour,
|
||||
.calendar td.time .minute,
|
||||
.calendar td.time .ampm {
|
||||
padding: 0px 3px 0px 4px;
|
||||
border: 1px solid #889;
|
||||
font-weight: bold;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.calendar td.time .ampm {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar td.time .colon {
|
||||
padding: 0px 2px 0px 3px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.calendar td.time span.hilite {
|
||||
border-color: #000;
|
||||
background-color: #667;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.calendar td.time span.active {
|
||||
border-color: #f00;
|
||||
background-color: #000;
|
||||
color: #0f0;
|
||||
}
|
||||
263
www/extras/calendar/calendar-win2k-cold-2.css
Normal file
263
www/extras/calendar/calendar-win2k-cold-2.css
Normal file
|
|
@ -0,0 +1,263 @@
|
|||
/* The main calendar widget. DIV containing a table. */
|
||||
|
||||
.calendar {
|
||||
position: relative;
|
||||
display: none;
|
||||
border-top: 2px solid #fff;
|
||||
border-right: 2px solid #000;
|
||||
border-bottom: 2px solid #000;
|
||||
border-left: 2px solid #fff;
|
||||
font-size: 11px;
|
||||
color: #000;
|
||||
cursor: default;
|
||||
background: #c8d4d0;
|
||||
font-family: tahoma,verdana,sans-serif;
|
||||
}
|
||||
|
||||
.calendar table {
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
font-size: 11px;
|
||||
color: #000;
|
||||
cursor: default;
|
||||
background: #c8d4d0;
|
||||
font-family: tahoma,verdana,sans-serif;
|
||||
}
|
||||
|
||||
/* Header part -- contains navigation buttons and day names. */
|
||||
|
||||
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
|
||||
text-align: center;
|
||||
padding: 1px;
|
||||
border-top: 1px solid #fff;
|
||||
border-right: 1px solid #000;
|
||||
border-bottom: 1px solid #000;
|
||||
border-left: 1px solid #fff;
|
||||
}
|
||||
|
||||
.calendar .nav {
|
||||
background: transparent url(menuarrow.gif) no-repeat 100% 100%;
|
||||
}
|
||||
|
||||
.calendar thead .title { /* This holds the current "month, year" */
|
||||
font-weight: bold;
|
||||
padding: 1px;
|
||||
border: 1px solid #000;
|
||||
background: #788480;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar thead .headrow { /* Row <TR> containing navigation buttons */
|
||||
}
|
||||
|
||||
.calendar thead .daynames { /* Row <TR> containing the day names */
|
||||
}
|
||||
|
||||
.calendar thead .name { /* Cells <TD> containing the day names */
|
||||
border-bottom: 1px solid #000;
|
||||
padding: 2px;
|
||||
text-align: center;
|
||||
background: #e8f4f0;
|
||||
}
|
||||
|
||||
.calendar thead .weekend { /* How a weekend day name shows in header */
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
.calendar thead .hilite { /* How do the buttons in header appear when hover */
|
||||
border-top: 2px solid #fff;
|
||||
border-right: 2px solid #000;
|
||||
border-bottom: 2px solid #000;
|
||||
border-left: 2px solid #fff;
|
||||
padding: 0px;
|
||||
background-color: #d8e4e0;
|
||||
}
|
||||
|
||||
.calendar thead .active { /* Active (pressed) buttons in header */
|
||||
padding: 2px 0px 0px 2px;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
background-color: #b8c4c0;
|
||||
}
|
||||
|
||||
/* The body part -- contains all the days in month. */
|
||||
|
||||
.calendar tbody .day { /* Cells <TD> containing month days dates */
|
||||
width: 2em;
|
||||
text-align: right;
|
||||
padding: 2px 4px 2px 2px;
|
||||
}
|
||||
|
||||
.calendar table .wn {
|
||||
padding: 2px 3px 2px 2px;
|
||||
border-right: 1px solid #000;
|
||||
background: #e8f4f0;
|
||||
}
|
||||
|
||||
.calendar tbody .rowhilite td {
|
||||
background: #d8e4e0;
|
||||
}
|
||||
|
||||
.calendar tbody .rowhilite td.wn {
|
||||
background: #c8d4d0;
|
||||
}
|
||||
|
||||
.calendar tbody td.hilite { /* Hovered cells <TD> */
|
||||
padding: 1px 3px 1px 1px;
|
||||
border-top: 1px solid #fff;
|
||||
border-right: 1px solid #000;
|
||||
border-bottom: 1px solid #000;
|
||||
border-left: 1px solid #fff;
|
||||
}
|
||||
|
||||
.calendar tbody td.active { /* Active (pressed) cells <TD> */
|
||||
padding: 2px 2px 0px 2px;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
}
|
||||
|
||||
.calendar tbody td.selected { /* Cell showing selected date */
|
||||
font-weight: bold;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
padding: 2px 2px 0px 2px;
|
||||
background: #d8e4e0;
|
||||
}
|
||||
|
||||
.calendar tbody td.weekend { /* Cells showing weekend days */
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
.calendar tbody td.today { /* Cell showing today date */
|
||||
font-weight: bold;
|
||||
color: #00f;
|
||||
}
|
||||
|
||||
.calendar tbody .disabled { color: #999; }
|
||||
|
||||
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* The footer part -- status bar and "Close" button */
|
||||
|
||||
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
|
||||
}
|
||||
|
||||
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
|
||||
background: #e8f4f0;
|
||||
padding: 1px;
|
||||
border: 1px solid #000;
|
||||
background: #788480;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar tfoot .hilite { /* Hover style for buttons in footer */
|
||||
border-top: 1px solid #fff;
|
||||
border-right: 1px solid #000;
|
||||
border-bottom: 1px solid #000;
|
||||
border-left: 1px solid #fff;
|
||||
padding: 1px;
|
||||
background: #d8e4e0;
|
||||
}
|
||||
|
||||
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
|
||||
padding: 2px 0px 0px 2px;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
}
|
||||
|
||||
/* Combo boxes (menus that display months/years for direct selection) */
|
||||
|
||||
.combo {
|
||||
position: absolute;
|
||||
display: none;
|
||||
width: 4em;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
cursor: default;
|
||||
border-top: 1px solid #fff;
|
||||
border-right: 1px solid #000;
|
||||
border-bottom: 1px solid #000;
|
||||
border-left: 1px solid #fff;
|
||||
background: #d8e4e0;
|
||||
font-size: smaller;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.combo .label,
|
||||
.combo .label-IEfix {
|
||||
text-align: center;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.combo .label-IEfix {
|
||||
width: 4em;
|
||||
}
|
||||
|
||||
.combo .active {
|
||||
background: #c8d4d0;
|
||||
padding: 0px;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
}
|
||||
|
||||
.combo .hilite {
|
||||
background: #048;
|
||||
color: #aef;
|
||||
}
|
||||
|
||||
.calendar td.time {
|
||||
border-top: 1px solid #000;
|
||||
padding: 1px 0px;
|
||||
text-align: center;
|
||||
background-color: #e8f0f4;
|
||||
}
|
||||
|
||||
.calendar td.time .hour,
|
||||
.calendar td.time .minute,
|
||||
.calendar td.time .ampm {
|
||||
padding: 0px 3px 0px 4px;
|
||||
border: 1px solid #889;
|
||||
font-weight: bold;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.calendar td.time .ampm {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar td.time .colon {
|
||||
padding: 0px 2px 0px 3px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.calendar td.time span.hilite {
|
||||
border-color: #000;
|
||||
background-color: #667;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.calendar td.time span.active {
|
||||
border-color: #f00;
|
||||
background-color: #000;
|
||||
color: #0f0;
|
||||
}
|
||||
1641
www/extras/calendar/calendar.js
Normal file
1641
www/extras/calendar/calendar.js
Normal file
File diff suppressed because it is too large
Load diff
12
www/extras/calendar/calendar_stripped.js
Normal file
12
www/extras/calendar/calendar_stripped.js
Normal file
File diff suppressed because one or more lines are too long
0
www/extras/calendar/doc/html/reference-Z-S.css
Normal file
0
www/extras/calendar/doc/html/reference-Z-S.css
Normal file
34
www/extras/calendar/doc/html/reference.css
Normal file
34
www/extras/calendar/doc/html/reference.css
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
html { margin: 0px; padding: 0px; background-color: #08f; color: #444; font-family: georgia,serif; }
|
||||
body { margin: 2em 8%; background-color: #fff; padding: 1em; border: 2px ridge #048; }
|
||||
|
||||
a:link, a:visited { text-decoration: none; color: #00f; }
|
||||
a:hover { color: #f00; text-decoration: underline; }
|
||||
a:active { color: #f84; }
|
||||
|
||||
h1, h2, h3, h4, h5, h6 { font-family: tahoma,verdana,sans-serif; }
|
||||
|
||||
h2, h3 { font-weight: normal; }
|
||||
|
||||
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none; }
|
||||
|
||||
h1 { font-size: 170%; border: 2px ridge #048; letter-spacing: 2px; color: #000; margin-left: -2em; margin-right: -2em;
|
||||
background-color: #fff; padding: 2px 1em; background-color: #def; }
|
||||
h2 { font-size: 140%; color: #222; }
|
||||
h3 { font-size: 120%; color: #444; }
|
||||
|
||||
h1.title { font-size: 300%; font-family: georgia,serif; font-weight: normal; color: #846; letter-spacing: -1px;
|
||||
border: none;
|
||||
padding: none;
|
||||
background-color: #fff;
|
||||
border-bottom: 3px double #624; padding-bottom: 2px; margin-left: 8%; margin-right: 8%; }
|
||||
|
||||
.colophon { padding-top: 2em; color: #999; font-size: 90%; font-family: georgia,"times new roman",serif; }
|
||||
.colophon a:link, .colophon a:visited { color: #755; }
|
||||
.colophon a:hover { color: #422; text-decoration: underline; }
|
||||
|
||||
.footnote { font-size: 90%; font-style: italic; font-family: georgia,"times new roman",serif; margin: 0px 3em; }
|
||||
.footnote sup { font-size: 120%; padding: 0px 0.3em; position: relative; top: -0.2em; }
|
||||
|
||||
.small { font-size: 90%; }
|
||||
|
||||
.verbatim { background-color: #eee; padding: 0.2em 1em; border: 1px solid #aaa; }
|
||||
1290
www/extras/calendar/doc/html/reference.html
Normal file
1290
www/extras/calendar/doc/html/reference.html
Normal file
File diff suppressed because it is too large
Load diff
BIN
www/extras/calendar/doc/reference.pdf
Normal file
BIN
www/extras/calendar/doc/reference.pdf
Normal file
Binary file not shown.
BIN
www/extras/calendar/img.gif
Normal file
BIN
www/extras/calendar/img.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 145 B |
326
www/extras/calendar/index.html
Normal file
326
www/extras/calendar/index.html
Normal file
|
|
@ -0,0 +1,326 @@
|
|||
<?xml version="1.0" encoding="iso-8859-2"?>
|
||||
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ro" lang="ro">
|
||||
<!-- $Id$ -->
|
||||
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/xml; charset=utf-8" />
|
||||
<title>The Coolest DHTML Calendar - Online Demo</title>
|
||||
<link rel="alternate stylesheet" type="text/css" media="all" href="calendar-blue.css" title="winter" />
|
||||
<link rel="alternate stylesheet" type="text/css" media="all" href="calendar-brown.css" title="summer" />
|
||||
<link rel="alternate stylesheet" type="text/css" media="all" href="calendar-green.css" title="green" />
|
||||
<link rel="stylesheet" type="text/css" media="all" href="calendar-win2k-1.css" title="win2k-1" />
|
||||
<link rel="alternate stylesheet" type="text/css" media="all" href="calendar-win2k-2.css" title="win2k-2" />
|
||||
<link rel="alternate stylesheet" type="text/css" media="all" href="calendar-win2k-cold-1.css" title="win2k-cold-1" />
|
||||
<link rel="alternate stylesheet" type="text/css" media="all" href="calendar-win2k-cold-2.css" title="win2k-cold-2" />
|
||||
<link rel="alternate stylesheet" type="text/css" media="all" href="calendar-system.css" title="system" />
|
||||
|
||||
<!-- import the calendar script -->
|
||||
<script type="text/javascript" src="calendar.js"></script>
|
||||
|
||||
<!-- import the language module -->
|
||||
<script type="text/javascript" src="lang/calendar-en.js"></script>
|
||||
|
||||
<!-- other languages might be available in the lang directory; please check
|
||||
your distribution archive. -->
|
||||
|
||||
<!-- helper script that uses the calendar -->
|
||||
<script type="text/javascript">
|
||||
|
||||
var oldLink = null;
|
||||
// code to change the active stylesheet
|
||||
function setActiveStyleSheet(link, title) {
|
||||
var i, a, main;
|
||||
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
|
||||
if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
|
||||
a.disabled = true;
|
||||
if(a.getAttribute("title") == title) a.disabled = false;
|
||||
}
|
||||
}
|
||||
if (oldLink) oldLink.style.fontWeight = 'normal';
|
||||
oldLink = link;
|
||||
link.style.fontWeight = 'bold';
|
||||
return false;
|
||||
}
|
||||
|
||||
// This function gets called when the end-user clicks on some date.
|
||||
function selected(cal, date) {
|
||||
cal.sel.value = date; // just update the date in the input field.
|
||||
if (cal.dateClicked && (cal.sel.id == "sel1" || cal.sel.id == "sel3"))
|
||||
// if we add this call we close the calendar on single-click.
|
||||
// just to exemplify both cases, we are using this only for the 1st
|
||||
// and the 3rd field, while 2nd and 4th will still require double-click.
|
||||
cal.callCloseHandler();
|
||||
}
|
||||
|
||||
// And this gets called when the end-user clicks on the _selected_ date,
|
||||
// or clicks on the "Close" button. It just hides the calendar without
|
||||
// destroying it.
|
||||
function closeHandler(cal) {
|
||||
cal.hide(); // hide the calendar
|
||||
cal.destroy();
|
||||
calendar = null;
|
||||
}
|
||||
|
||||
// This function shows the calendar under the element having the given id.
|
||||
// It takes care of catching "mousedown" signals on document and hiding the
|
||||
// calendar if the click was outside.
|
||||
function showCalendar(id, format, showsTime) {
|
||||
var el = document.getElementById(id);
|
||||
if (calendar != null) {
|
||||
// we already have some calendar created
|
||||
calendar.hide(); // so we hide it first.
|
||||
} else {
|
||||
// first-time call, create the calendar.
|
||||
var cal = new Calendar(true, null, selected, closeHandler);
|
||||
// uncomment the following line to hide the week numbers
|
||||
// cal.weekNumbers = false;
|
||||
if (typeof showsTime == "string") {
|
||||
cal.showsTime = true;
|
||||
cal.time24 = (showsTime == "24");
|
||||
}
|
||||
calendar = cal; // remember it in the global var
|
||||
cal.setRange(1900, 2070); // min/max year allowed.
|
||||
cal.create();
|
||||
}
|
||||
calendar.setDateFormat(format); // set the specified date format
|
||||
calendar.parseDate(el.value); // try to parse the text in field
|
||||
calendar.sel = el; // inform it what input field we use
|
||||
|
||||
// the reference element that we pass to showAtElement is the button that
|
||||
// triggers the calendar. In this example we align the calendar bottom-right
|
||||
// to the button.
|
||||
calendar.showAtElement(el.nextSibling, "Br"); // show the calendar
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
var MINUTE = 60 * 1000;
|
||||
var HOUR = 60 * MINUTE;
|
||||
var DAY = 24 * HOUR;
|
||||
var WEEK = 7 * DAY;
|
||||
|
||||
// If this handler returns true then the "date" given as
|
||||
// parameter will be disabled. In this example we enable
|
||||
// only days within a range of 10 days from the current
|
||||
// date.
|
||||
// You can use the functions date.getFullYear() -- returns the year
|
||||
// as 4 digit number, date.getMonth() -- returns the month as 0..11,
|
||||
// and date.getDate() -- returns the date of the month as 1..31, to
|
||||
// make heavy calculations here. However, beware that this function
|
||||
// should be very fast, as it is called for each day in a month when
|
||||
// the calendar is (re)constructed.
|
||||
function isDisabled(date) {
|
||||
var today = new Date();
|
||||
return (Math.abs(date.getTime() - today.getTime()) / DAY) > 10;
|
||||
}
|
||||
|
||||
function flatSelected(cal, date) {
|
||||
var el = document.getElementById("preview");
|
||||
el.innerHTML = date;
|
||||
}
|
||||
|
||||
function showFlatCalendar() {
|
||||
var parent = document.getElementById("display");
|
||||
|
||||
// construct a calendar giving only the "selected" handler.
|
||||
var cal = new Calendar(true, null, flatSelected);
|
||||
|
||||
// hide week numbers
|
||||
cal.weekNumbers = false;
|
||||
|
||||
// We want some dates to be disabled; see function isDisabled above
|
||||
cal.setDisabledHandler(isDisabled);
|
||||
cal.setDateFormat("%A, %B %e");
|
||||
|
||||
// this call must be the last as it might use data initialized above; if
|
||||
// we specify a parent, as opposite to the "showCalendar" function above,
|
||||
// then we create a flat calendar -- not popup. Hidden, though, but...
|
||||
cal.create(parent);
|
||||
|
||||
// ... we can show it here.
|
||||
cal.show();
|
||||
}
|
||||
</script>
|
||||
|
||||
<style type="text/css">
|
||||
.ex { font-weight: bold; background: #fed; color: #080 }
|
||||
.help { color: #080; font-style: italic; }
|
||||
body { background: #fea; font: 10pt tahoma,verdana,sans-serif; }
|
||||
table { font: 13px verdana,tahoma,sans-serif; }
|
||||
a { color: #00f; }
|
||||
a:visited { color: #00f; }
|
||||
a:hover { color: #f00; background: #fefaf0; }
|
||||
a:active { color: #08f; }
|
||||
.key { border: 1px solid #000; background: #fff; color: #008;
|
||||
padding: 0px 5px; cursor: default; font-size: 80%; }
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body onload="showFlatCalendar()">
|
||||
|
||||
<h2><a href="http://dynarch.com/mishoo/calendar.epl"
|
||||
title="Visit the project website">jscalendar</a>-0.9.5
|
||||
"Your favorite time, bis"</h2>
|
||||
|
||||
<p>
|
||||
<div style="float: right; border: 1px solid #b87; padding: 2px; font-size: 90%; background: #ffb;">
|
||||
Theme:<br />
|
||||
<a href="#" onclick="return setActiveStyleSheet(this, 'winter');">winter</a>
|
||||
|
|
||||
<a href="#" onclick="return setActiveStyleSheet(this, 'summer');">summer</a>
|
||||
|
|
||||
<a href="#" onclick="return setActiveStyleSheet(this, 'green');">green</a>
|
||||
<br />
|
||||
<a href="#" id="defaultTheme" onclick="return setActiveStyleSheet(this, 'win2k-1');">win2k-1</a>
|
||||
|
|
||||
<a href="#" onclick="return setActiveStyleSheet(this, 'win2k-2');">win2k-2</a>
|
||||
|
|
||||
<a href="#" onclick="return setActiveStyleSheet(this, 'win2k-cold-1');">win2k-cold-1</a>
|
||||
|
|
||||
<a href="#" onclick="return setActiveStyleSheet(this, 'win2k-cold-2');">win2k-cold-2</a>
|
||||
<br />
|
||||
<a href="#" onclick="return setActiveStyleSheet(this, 'system');">system</a>
|
||||
<script type="text/javascript">
|
||||
setActiveStyleSheet(document.getElementById("defaultTheme"), "win2k-1");
|
||||
</script>
|
||||
</div>
|
||||
<a href="release-notes.html">Release notes</a>.
|
||||
<br />
|
||||
Set it up in minutes:
|
||||
<a href="simple-1.html">popup calendar</a>,
|
||||
<a href="simple-2.html">flat calendar</a>.
|
||||
<br />
|
||||
Documentation:
|
||||
<a href="doc/html/reference.html">HTML</a>,
|
||||
<a href="doc/reference.pdf">PDF</a>.
|
||||
<br />
|
||||
<b style="color: red">Donate! Keep me on it! Details on <a href="http://dynarch.com/mishoo/calendar.epl">the Calendar website</a>.</b>
|
||||
</p>
|
||||
|
||||
<div style="padding-left:20px; font-size: 90%; font-style: italic;">
|
||||
|
||||
</div>
|
||||
|
||||
<table style="width: 100%">
|
||||
<tr valign="top">
|
||||
<td style="background: #ffa; padding: 5px; border: 1px solid #995;">
|
||||
|
||||
<form action="#">
|
||||
<div style="background: #995; color: #ffa; font-weight: bold; padding: 2px;">
|
||||
Popup examples
|
||||
</div>
|
||||
|
||||
<br />
|
||||
|
||||
<b>Date #1:</b> <input type="text" name="date1" id="sel1" size="30"
|
||||
><input type="reset" value=" ... "
|
||||
onclick="return showCalendar('sel1', '%Y-%m-%d [%W] %H:%M', '24');"> %Y-%m-%d [%W] %H:%M -- single
|
||||
click<br />
|
||||
|
||||
<b>Date #2:</b> <input type="text" name="date2" id="sel2" size="30"
|
||||
><input type="reset" value=" ... "
|
||||
onclick="return showCalendar('sel2', '%a, %b %e, %Y [%I:%M%p]', '12');"> %a, %b %e, %Y [%I:%M%p]
|
||||
-- double click
|
||||
|
||||
<br /><br />
|
||||
<!--
|
||||
if you remove this comment and leave the following HTML code
|
||||
you will see a horrible effect, in all supported browsers (IE and Mozilla).
|
||||
-->
|
||||
<SELECT multiple size="4" name="component-select">
|
||||
<OPTION selected value="Component_1_a">Component_1</OPTION>
|
||||
<OPTION selected value="Component_1_b">Component_2</OPTION>
|
||||
<OPTION>Component_3</OPTION>
|
||||
<OPTION>Component_4</OPTION>
|
||||
<OPTION>Component_5</OPTION>
|
||||
<OPTION>Component_6</OPTION>
|
||||
<OPTION>Component_7</OPTION>
|
||||
</SELECT>
|
||||
this select should hide when the calendar is above it.
|
||||
<br /><br />
|
||||
|
||||
<b>Date #3:</b> <input type="text" name="date3" id="sel3" size="30"
|
||||
><input type="reset" value=" ... "
|
||||
onclick="return showCalendar('sel3', '%d/%m/%Y');"> %d/%m/%Y
|
||||
-- single click
|
||||
<br />
|
||||
|
||||
<b>Date #4:</b> <input type="text" name="date4" id="sel4" size="30"
|
||||
><input type="reset" value=" ... "
|
||||
onclick="return showCalendar('sel4', '%A, %B %e, %Y');"> %A, %B %e, %Y --
|
||||
double click
|
||||
|
||||
</form>
|
||||
|
||||
<p>This is release <b>0.9.5</b>. Works on MSIE/Win 5.0 or better, Opera 7,
|
||||
Mozilla, Netscape 6.x, 7.0 and all other Gecko-s, Konqueror and Safari.</p>
|
||||
|
||||
<p class="help">You can click on "Mo"/"Su" (first day name displayed) to
|
||||
change the first day of week (Sunday/Monday) (since 0.8 this is also mapped
|
||||
on the "-" button in the top-left corner). Use the navigation buttons
|
||||
("<<", "<", "Today", ">", ">>") to move to the prev/next
|
||||
year/month. Keep the mouse button pressed for a short time over one of
|
||||
these buttons to get a menu for faster selection. You can drag the "status
|
||||
bar" (that's where the tooltips appear) or title bar (that's where the
|
||||
currently selected month/year shows up) to move the whole calendar.</p>
|
||||
|
||||
<h4>Keyboard navigation</h4>
|
||||
|
||||
<p>Starting with version 0.9.2, you can also use the keyboard to select
|
||||
dates (only for popup calendars; does <em>not</em> work with Opera
|
||||
7 or Konqueror/Safari). The following keys are available:</p>
|
||||
|
||||
<ul>
|
||||
|
||||
<li><span class="key">←</span> , <span class="key">→</span> ,
|
||||
<span class="key">↑</span> , <span class="key">↓</span> -- select date</li>
|
||||
<li><span class="key">CTRL</span> + <span class="key">←</span> ,
|
||||
<span class="key">→</span> -- select month</li>
|
||||
<li><span class="key">CTRL</span> + <span class="key">↑</span> ,
|
||||
<span class="key">↓</span> -- select year</li>
|
||||
<li><span class="key">SPACE</span> -- go to <em>today</em> date</li>
|
||||
<li><span class="key">ENTER</span> -- accept the currently selected date</li>
|
||||
<li><span class="key">ESC</span> -- cancel selection</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</td>
|
||||
|
||||
<td style="padding: 5px; margin: 5px; border: 1px solid #984; background: #ed9; width: 15em;">
|
||||
|
||||
<div style="background: #984; color: #fea; font-weight: bold; padding: 2px; text-align: center">
|
||||
Flat calendar
|
||||
</div>
|
||||
|
||||
<p style="width: 12em"><small>A non-popup version will appear below as soon
|
||||
as the page is loaded. Note that it doesn't show the week number.</small></p>
|
||||
|
||||
<!-- the calendar will be inserted here -->
|
||||
<div id="display" style="float: right; clear: both;"></div>
|
||||
<div id="preview" style="font-size: 80%; text-align: center; padding: 2px"></div>
|
||||
|
||||
<p style="width: 12em"><small>
|
||||
The example above uses the <code>setDisabledHandler()</code> member function
|
||||
to setup a handler that would only enable days withing a range of 10 days,
|
||||
forward or backward, from the current date.
|
||||
</small></p>
|
||||
|
||||
</div>
|
||||
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<hr /><address>
|
||||
© <a href="http://dynarch.com">dynarch.com</a> 2002-2003 <br />
|
||||
Author: <a href="http://dynarch.com/mishoo/">Mihai
|
||||
Bazon</a><br /> Distributed under the <a
|
||||
href="http://www.gnu.org/licenses/lgpl.html">GNU LGPL</a>.</address>
|
||||
|
||||
<p style="font-size: smaller">If you use this script on a public page it
|
||||
would be nice if you would <a href="mailto:mishoo@infoiasi.ro">let me
|
||||
know</a>.</p>
|
||||
|
||||
</body></html>
|
||||
39
www/extras/calendar/lang/calendar-af.js
Normal file
39
www/extras/calendar/lang/calendar-af.js
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
// ** I18N Afrikaans
|
||||
Calendar._DN = new Array
|
||||
("Sondag",
|
||||
"Maandag",
|
||||
"Dinsdag",
|
||||
"Woensdag",
|
||||
"Donderdag",
|
||||
"Vrydag",
|
||||
"Saterdag",
|
||||
"Sondag");
|
||||
Calendar._MN = new Array
|
||||
("Januarie",
|
||||
"Februarie",
|
||||
"Maart",
|
||||
"April",
|
||||
"Mei",
|
||||
"Junie",
|
||||
"Julie",
|
||||
"Augustus",
|
||||
"September",
|
||||
"Oktober",
|
||||
"November",
|
||||
"Desember");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["TOGGLE"] = "Verander eerste dag van die week";
|
||||
Calendar._TT["PREV_YEAR"] = "Vorige jaar (hou vir keuselys)";
|
||||
Calendar._TT["PREV_MONTH"] = "Vorige maand (hou vir keuselys)";
|
||||
Calendar._TT["GO_TODAY"] = "Gaan na vandag";
|
||||
Calendar._TT["NEXT_MONTH"] = "Volgende maand (hou vir keuselys)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Volgende jaar (hou vir keuselys)";
|
||||
Calendar._TT["SEL_DATE"] = "Kies datum";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Sleep om te skuif";
|
||||
Calendar._TT["PART_TODAY"] = " (vandag)";
|
||||
Calendar._TT["MON_FIRST"] = "Vertoon Maandag eerste";
|
||||
Calendar._TT["SUN_FIRST"] = "Display Sunday first";
|
||||
Calendar._TT["CLOSE"] = "Close";
|
||||
Calendar._TT["TODAY"] = "Today";
|
||||
45
www/extras/calendar/lang/calendar-br.js
Normal file
45
www/extras/calendar/lang/calendar-br.js
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
// ** I18N
|
||||
Calendar._DN = new Array
|
||||
("Domingo",
|
||||
"Segunda",
|
||||
"Terça",
|
||||
"Quarta",
|
||||
"Quinta",
|
||||
"Sexta",
|
||||
"Sábado",
|
||||
"Domingo");
|
||||
Calendar._MN = new Array
|
||||
("Janeiro",
|
||||
"Fevereiro",
|
||||
"Março",
|
||||
"Abril",
|
||||
"Maio",
|
||||
"Junho",
|
||||
"Julho",
|
||||
"Agosto",
|
||||
"Setembro",
|
||||
"Outubro",
|
||||
"Novembro",
|
||||
"Dezembro");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["TOGGLE"] = "Altera primeiro dia da semana";
|
||||
Calendar._TT["PREV_YEAR"] = "Ano anterior(hold for menu)";
|
||||
Calendar._TT["PREV_MONTH"] = "Mês anterior (hold for menu)";
|
||||
Calendar._TT["GO_TODAY"] = "Hoje";
|
||||
Calendar._TT["NEXT_MONTH"] = "Mês seguinte (hold for menu)";
|
||||
Calendar._TT["NEXT_YEAR"] = "ano seguinte (hold for menu)";
|
||||
Calendar._TT["SEL_DATE"] = "Seleciona uma data";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Arrasta calendário";
|
||||
Calendar._TT["PART_TODAY"] = " (hoje)";
|
||||
Calendar._TT["MON_FIRST"] = "Inicia na segunda-feira";
|
||||
Calendar._TT["SUN_FIRST"] = "Inicia no domingo";
|
||||
Calendar._TT["CLOSE"] = "Fechar";
|
||||
Calendar._TT["TODAY"] = "Hoje";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "dd-mm-y";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "DD, dd de MM de y";
|
||||
|
||||
Calendar._TT["WK"] = "sem";
|
||||
45
www/extras/calendar/lang/calendar-ca.js
Normal file
45
www/extras/calendar/lang/calendar-ca.js
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
// ** I18N
|
||||
Calendar._DN = new Array
|
||||
("Diumenge",
|
||||
"Dilluns",
|
||||
"Dimarts",
|
||||
"Dimecres",
|
||||
"Dijous",
|
||||
"Divendres",
|
||||
"Dissabte",
|
||||
"Diumenge");
|
||||
Calendar._MN = new Array
|
||||
("Gener",
|
||||
"Febrer",
|
||||
"Març",
|
||||
"Abril",
|
||||
"Maig",
|
||||
"Juny",
|
||||
"Juliol",
|
||||
"Agost",
|
||||
"Setembre",
|
||||
"Octubre",
|
||||
"Novembre",
|
||||
"Desembre");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["TOGGLE"] = "Canvia el primer dia de la setmana";
|
||||
Calendar._TT["PREV_YEAR"] = "Any anterior (mantenir per a menu)";
|
||||
Calendar._TT["PREV_MONTH"] = "Mes anterior (mantenir per a menu)";
|
||||
Calendar._TT["GO_TODAY"] = "Anar a avui";
|
||||
Calendar._TT["NEXT_MONTH"] = "Mes següent (mantenir per a menu)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Any següent (mantenir per a menu)";
|
||||
Calendar._TT["SEL_DATE"] = "Seleccionar data";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Arrastrar per a moure";
|
||||
Calendar._TT["PART_TODAY"] = " (avui)";
|
||||
Calendar._TT["MON_FIRST"] = "Mostrar dilluns primer";
|
||||
Calendar._TT["SUN_FIRST"] = "Mostrar diumenge primer";
|
||||
Calendar._TT["CLOSE"] = "Tancar";
|
||||
Calendar._TT["TODAY"] = "Avui";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "dd-mm-yy";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "D, M d";
|
||||
|
||||
Calendar._TT["WK"] = "sem";
|
||||
34
www/extras/calendar/lang/calendar-cs-win.js
Normal file
34
www/extras/calendar/lang/calendar-cs-win.js
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
/*
|
||||
calendar-cs-win.js
|
||||
language: Czech
|
||||
encoding: windows-1250
|
||||
author: Lubos Jerabek (xnet@seznam.cz)
|
||||
*/
|
||||
|
||||
// ** I18N
|
||||
Calendar._DN = new Array('Nedìle','Pondìlí','Úterý','Støeda','Ètvrtek','Pátek','Sobota','Nedìle');
|
||||
Calendar._DN3 = new Array('Ne','Po','Út','St','Èt','Pá','So','Ne');
|
||||
Calendar._MN = new Array('Leden','Únor','Bøezen','Duben','Kvìten','Èerven','Èervenec','Srpen','Záøí','Øíjen','Listopad','Prosinec');
|
||||
Calendar._MN3 = new Array('Led','Úno','Bøe','Dub','Kvì','Èrv','Èvc','Srp','Záø','Øíj','Lis','Pro');
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["TOGGLE"] = "Zmìna prvního dne v týdnu";
|
||||
Calendar._TT["PREV_YEAR"] = "Pøedchozí rok (pøidrž pro menu)";
|
||||
Calendar._TT["PREV_MONTH"] = "Pøedchozí mìsíc (pøidrž pro menu)";
|
||||
Calendar._TT["GO_TODAY"] = "Dnešní datum";
|
||||
Calendar._TT["NEXT_MONTH"] = "Další mìsíc (pøidrž pro menu)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Další rok (pøidrž pro menu)";
|
||||
Calendar._TT["SEL_DATE"] = "Vyber datum";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Chy<68> a táhni, pro pøesun";
|
||||
Calendar._TT["PART_TODAY"] = " (dnes)";
|
||||
Calendar._TT["MON_FIRST"] = "Ukaž jako první Pondìlí";
|
||||
Calendar._TT["SUN_FIRST"] = "Ukaž jako první Nedìli";
|
||||
Calendar._TT["CLOSE"] = "Zavøít";
|
||||
Calendar._TT["TODAY"] = "Dnes";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "d.m.yy";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "DD, 5.MM y";
|
||||
|
||||
Calendar._TT["WK"] = "wk";
|
||||
45
www/extras/calendar/lang/calendar-da.js
Normal file
45
www/extras/calendar/lang/calendar-da.js
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
// ** I18N
|
||||
Calendar._DN = new Array
|
||||
("Søndag",
|
||||
"Mandag",
|
||||
"Tirsdag",
|
||||
"Onsdag",
|
||||
"Torsdag",
|
||||
"Fredag",
|
||||
"Lørdag",
|
||||
"Søndag");
|
||||
Calendar._MN = new Array
|
||||
("January",
|
||||
"Februar",
|
||||
"Marts",
|
||||
"April",
|
||||
"Maj",
|
||||
"Juni",
|
||||
"Juli",
|
||||
"August",
|
||||
"September",
|
||||
"Oktober",
|
||||
"November",
|
||||
"December");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["TOGGLE"] = "Skift første ugedag";
|
||||
Calendar._TT["PREV_YEAR"] = "Ét år tilbage (hold for menu)";
|
||||
Calendar._TT["PREV_MONTH"] = "Én måned tilbage (hold for menu)";
|
||||
Calendar._TT["GO_TODAY"] = "Gå til i dag";
|
||||
Calendar._TT["NEXT_MONTH"] = "Én måned frem (hold for menu)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Ét år frem (hold for menu)";
|
||||
Calendar._TT["SEL_DATE"] = "Vælg dag";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Træk vinduet";
|
||||
Calendar._TT["PART_TODAY"] = " (i dag)";
|
||||
Calendar._TT["MON_FIRST"] = "Vis mandag først";
|
||||
Calendar._TT["SUN_FIRST"] = "Vis søndag først";
|
||||
Calendar._TT["CLOSE"] = "Luk vinduet";
|
||||
Calendar._TT["TODAY"] = "I dag";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "y-mm-dd";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "D d. M, y";
|
||||
|
||||
Calendar._TT["WK"] = "wk";
|
||||
100
www/extras/calendar/lang/calendar-de.js
Normal file
100
www/extras/calendar/lang/calendar-de.js
Normal file
|
|
@ -0,0 +1,100 @@
|
|||
// Author: Hartwig Weinkauf h_weinkauf@gmx.de
|
||||
// Überarbeitet und fehlende Texte hinzugefügt von Gerhard Neinert (gerhard at neinert punkt de)
|
||||
// Feel free to use / redistribute under the GNU LGPL.
|
||||
// ** I18N
|
||||
|
||||
// short day names
|
||||
Calendar._SDN = new Array
|
||||
("So",
|
||||
"Mo",
|
||||
"Di",
|
||||
"Mi",
|
||||
"Do",
|
||||
"Fr",
|
||||
"Sa",
|
||||
"So");
|
||||
|
||||
// full day names
|
||||
Calendar._DN = new Array
|
||||
("Sonntag",
|
||||
"Montag",
|
||||
"Dienstag",
|
||||
"Mittwoch",
|
||||
"Donnerstag",
|
||||
"Freitag",
|
||||
"Samstag",
|
||||
"Sonntag");
|
||||
|
||||
// short day names only use 2 letters instead of 3
|
||||
Calendar._SDN_len = 2;
|
||||
|
||||
// full month names
|
||||
Calendar._MN = new Array
|
||||
("Januar",
|
||||
"Februar",
|
||||
"März",
|
||||
"April",
|
||||
"Mai",
|
||||
"Juni",
|
||||
"Juli",
|
||||
"August",
|
||||
"September",
|
||||
"Oktober",
|
||||
"November",
|
||||
"Dezember");
|
||||
|
||||
// short month names
|
||||
Calendar._SMN = new Array
|
||||
("Jan",
|
||||
"Feb",
|
||||
"Mär",
|
||||
"Apr",
|
||||
"Mai",
|
||||
"Jun",
|
||||
"Jul",
|
||||
"Aug",
|
||||
"Sep",
|
||||
"Okt",
|
||||
"Nov",
|
||||
"Dez");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
|
||||
Calendar._TT["ABOUT"] =
|
||||
"DHTML Datum/Zeit Selector\n" +
|
||||
"(c) dynarch.com 2002-2003\n" + // don't translate this this ;-)
|
||||
"Donwload neueste Version: http://dynarch.com/mishoo/calendar.epl\n" +
|
||||
"Distributed under GNU LGPL. See http://gnu.org/licenses/lgpl.html for details." +
|
||||
"\n\n" +
|
||||
"Datumsauswahl:\n" +
|
||||
"- Jahr auswählen mit \xab und \xbb\n" +
|
||||
"- Monat auswählen mit " + String.fromCharCode(0x2039) + " und " + String.fromCharCode(0x203a) + "\n" +
|
||||
"- Für Auswahl aus Liste Maustaste gedrückt halten.";
|
||||
|
||||
Calendar._TT["ABOUT_TIME"] = "\n\n" +
|
||||
"Zeit wählen:\n" +
|
||||
"- Stunde/Minute weiter mit Mausklick\n" +
|
||||
"- Stunde/Minute zurück mit Shift-Mausklick\n" +
|
||||
"- oder für schnellere Auswahl nach links oder rechts ziehen.";
|
||||
|
||||
|
||||
Calendar._TT["TOGGLE"] = "Ersten Tag der Woche waehlen";
|
||||
Calendar._TT["PREV_YEAR"] = "Jahr zurück (halten -> Auswahlmenue)";
|
||||
Calendar._TT["PREV_MONTH"] = "Monat zurück (halten -> Auswahlmenue)";
|
||||
Calendar._TT["GO_TODAY"] = "Gehe zum heutigen Datum";
|
||||
Calendar._TT["NEXT_MONTH"] = "Monat vor (halten -> Auswahlmenue)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Jahr vor (halten -> Auswahlmenue)";
|
||||
Calendar._TT["SEL_DATE"] = "Datum auswaehlen";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Klicken und halten um zu verschieben";
|
||||
Calendar._TT["PART_TODAY"] = " (heute)";
|
||||
Calendar._TT["MON_FIRST"] = "Wochenanzeige mit Montag beginnen";
|
||||
Calendar._TT["SUN_FIRST"] = "Wochenanzeige mit Sonntag beginnen";
|
||||
Calendar._TT["CLOSE"] = "Schliessen";
|
||||
Calendar._TT["TODAY"] = "Heute";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "dd-mm-y";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "Datum auswählen";
|
||||
|
||||
Calendar._TT["WK"] = "KW";
|
||||
45
www/extras/calendar/lang/calendar-du.js
Normal file
45
www/extras/calendar/lang/calendar-du.js
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
// ** I18N
|
||||
Calendar._DN = new Array
|
||||
("Zondag",
|
||||
"Maandag",
|
||||
"Dinsdag",
|
||||
"Woensdag",
|
||||
"Donderdag",
|
||||
"Vrijdag",
|
||||
"Zaterdag",
|
||||
"Zondag");
|
||||
Calendar._MN = new Array
|
||||
("Januari",
|
||||
"Februari",
|
||||
"Maart",
|
||||
"April",
|
||||
"Mei",
|
||||
"Juni",
|
||||
"Juli",
|
||||
"Augustus",
|
||||
"September",
|
||||
"Oktober",
|
||||
"November",
|
||||
"December");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["TOGGLE"] = "Toggle startdag van de week";
|
||||
Calendar._TT["PREV_YEAR"] = "Vorig jaar (indrukken voor menu)";
|
||||
Calendar._TT["PREV_MONTH"] = "Vorige month (indrukken voor menu)";
|
||||
Calendar._TT["GO_TODAY"] = "Naar Vandaag";
|
||||
Calendar._TT["NEXT_MONTH"] = "Volgende Maand (indrukken voor menu)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Volgend jaar (indrukken voor menu)";
|
||||
Calendar._TT["SEL_DATE"] = "Selecteer datum";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Sleep om te verplaatsen";
|
||||
Calendar._TT["PART_TODAY"] = " (vandaag)";
|
||||
Calendar._TT["MON_FIRST"] = "Toon Maandag eerst";
|
||||
Calendar._TT["SUN_FIRST"] = "Toon Zondag eerst";
|
||||
Calendar._TT["CLOSE"] = "Sluiten";
|
||||
Calendar._TT["TODAY"] = "Vandaag";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "y-mm-dd";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "D, M d";
|
||||
|
||||
Calendar._TT["WK"] = "wk";
|
||||
45
www/extras/calendar/lang/calendar-el.js
Normal file
45
www/extras/calendar/lang/calendar-el.js
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
// ** I18N
|
||||
Calendar._DN = new Array
|
||||
("Κυριακή",
|
||||
"Δευτέρα",
|
||||
"Τρίτη",
|
||||
"Τετάρτη",
|
||||
"Πέμπτη",
|
||||
"Παρασκευή",
|
||||
"Σάββατο",
|
||||
"Κυριακή");
|
||||
Calendar._MN = new Array
|
||||
("Ιανουάριος",
|
||||
"Φεβρουάριος",
|
||||
"Μάρτιος",
|
||||
"Απρίλιος",
|
||||
"Μάϊος",
|
||||
"Ιούνιος",
|
||||
"Ιούλιος",
|
||||
"Αύγουστος",
|
||||
"Σεπτέμβριος",
|
||||
"Οκτώβριος",
|
||||
"Νοέμβριος",
|
||||
"Δεκέμβριος");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["TOGGLE"] = "Μπάρα πρώτης ημέρας της εβδομάδας";
|
||||
Calendar._TT["PREV_YEAR"] = "Προηγ. έτος (κρατήστε για το μενού)";
|
||||
Calendar._TT["PREV_MONTH"] = "Προηγ. μήνας (κρατήστε για το μενού)";
|
||||
Calendar._TT["GO_TODAY"] = "Σήμερα";
|
||||
Calendar._TT["NEXT_MONTH"] = "Επόμενος μήνας (κρατήστε για το μενού)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Επόμενο έτος (κρατήστε για το μενού)";
|
||||
Calendar._TT["SEL_DATE"] = "Επιλέξτε ημερομηνία";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Σύρτε για να μετακινήσετε";
|
||||
Calendar._TT["PART_TODAY"] = " (σήμερα)";
|
||||
Calendar._TT["MON_FIRST"] = "Εμφάνιση Δευτέρας πρώτα";
|
||||
Calendar._TT["SUN_FIRST"] = "Εμφάνιση Κυριακής πρώτα";
|
||||
Calendar._TT["CLOSE"] = "Κλείσιμο";
|
||||
Calendar._TT["TODAY"] = "Σήμερα";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "dd-mm-y";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "D, d M";
|
||||
|
||||
Calendar._TT["WK"] = "wk";
|
||||
114
www/extras/calendar/lang/calendar-en.js
Normal file
114
www/extras/calendar/lang/calendar-en.js
Normal file
|
|
@ -0,0 +1,114 @@
|
|||
// ** I18N
|
||||
|
||||
// Calendar EN language
|
||||
// Author: Mihai Bazon, <mishoo@infoiasi.ro>
|
||||
// Encoding: any
|
||||
// Distributed under the same terms as the calendar itself.
|
||||
|
||||
// For translators: please use UTF-8 if possible. We strongly believe that
|
||||
// Unicode is the answer to a real internationalized world. Also please
|
||||
// include your contact information in the header, as can be seen above.
|
||||
|
||||
// full day names
|
||||
Calendar._DN = new Array
|
||||
("Sunday",
|
||||
"Monday",
|
||||
"Tuesday",
|
||||
"Wednesday",
|
||||
"Thursday",
|
||||
"Friday",
|
||||
"Saturday",
|
||||
"Sunday");
|
||||
|
||||
// Please note that the following array of short day names (and the same goes
|
||||
// for short month names, _SMN) isn't absolutely necessary. We give it here
|
||||
// for exemplification on how one can customize the short day names, but if
|
||||
// they are simply the first N letters of the full name you can simply say:
|
||||
//
|
||||
// Calendar._SDN_len = N; // short day name length
|
||||
// Calendar._SMN_len = N; // short month name length
|
||||
//
|
||||
// If N = 3 then this is not needed either since we assume a value of 3 if not
|
||||
// present, to be compatible with translation files that were written before
|
||||
// this feature.
|
||||
|
||||
// short day names
|
||||
Calendar._SDN = new Array
|
||||
("Sun",
|
||||
"Mon",
|
||||
"Tue",
|
||||
"Wed",
|
||||
"Thu",
|
||||
"Fri",
|
||||
"Sat",
|
||||
"Sun");
|
||||
|
||||
// full month names
|
||||
Calendar._MN = new Array
|
||||
("January",
|
||||
"February",
|
||||
"March",
|
||||
"April",
|
||||
"May",
|
||||
"June",
|
||||
"July",
|
||||
"August",
|
||||
"September",
|
||||
"October",
|
||||
"November",
|
||||
"December");
|
||||
|
||||
// short month names
|
||||
Calendar._SMN = new Array
|
||||
("Jan",
|
||||
"Feb",
|
||||
"Mar",
|
||||
"Apr",
|
||||
"May",
|
||||
"Jun",
|
||||
"Jul",
|
||||
"Aug",
|
||||
"Sep",
|
||||
"Oct",
|
||||
"Nov",
|
||||
"Dec");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["INFO"] = "About the calendar";
|
||||
|
||||
Calendar._TT["ABOUT"] =
|
||||
"DHTML Date/Time Selector\n" +
|
||||
"(c) dynarch.com 2002-2003\n" + // don't translate this this ;-)
|
||||
"For latest version visit: http://dynarch.com/mishoo/calendar.epl\n" +
|
||||
"Distributed under GNU LGPL. See http://gnu.org/licenses/lgpl.html for details." +
|
||||
"\n\n" +
|
||||
"Date selection:\n" +
|
||||
"- Use the \xab, \xbb buttons to select year\n" +
|
||||
"- Use the " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " buttons to select month\n" +
|
||||
"- Hold mouse button on any of the above buttons for faster selection.";
|
||||
Calendar._TT["ABOUT_TIME"] = "\n\n" +
|
||||
"Time selection:\n" +
|
||||
"- Click on any of the time parts to increase it\n" +
|
||||
"- or Shift-click to decrease it\n" +
|
||||
"- or click and drag for faster selection.";
|
||||
|
||||
Calendar._TT["PREV_YEAR"] = "Prev. year (hold for menu)";
|
||||
Calendar._TT["PREV_MONTH"] = "Prev. month (hold for menu)";
|
||||
Calendar._TT["GO_TODAY"] = "Go Today";
|
||||
Calendar._TT["NEXT_MONTH"] = "Next month (hold for menu)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Next year (hold for menu)";
|
||||
Calendar._TT["SEL_DATE"] = "Select date";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Drag to move";
|
||||
Calendar._TT["PART_TODAY"] = " (today)";
|
||||
Calendar._TT["MON_FIRST"] = "Display Monday first";
|
||||
Calendar._TT["SUN_FIRST"] = "Display Sunday first";
|
||||
Calendar._TT["CLOSE"] = "Close";
|
||||
Calendar._TT["TODAY"] = "Today";
|
||||
Calendar._TT["TIME_PART"] = "(Shift-)Click or drag to change value";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "%Y-%m-%d";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "%a, %b %e";
|
||||
|
||||
Calendar._TT["WK"] = "wk";
|
||||
114
www/extras/calendar/lang/calendar-es.js
Normal file
114
www/extras/calendar/lang/calendar-es.js
Normal file
|
|
@ -0,0 +1,114 @@
|
|||
// ** I18N
|
||||
|
||||
// Calendar EN language
|
||||
// Author: Mihai Bazon, <mishoo@infoiasi.ro>
|
||||
// Encoding: any
|
||||
// Distributed under the same terms as the calendar itself.
|
||||
|
||||
// For translators: please use UTF-8 if possible. We strongly believe that
|
||||
// Unicode is the answer to a real internationalized world. Also please
|
||||
// include your contact information in the header, as can be seen above.
|
||||
|
||||
// full day names
|
||||
Calendar._DN = new Array
|
||||
("Domingo",
|
||||
"Lunes",
|
||||
"Martes",
|
||||
"Miircoles",
|
||||
"Jueves",
|
||||
"Viernes",
|
||||
"Sabado",
|
||||
"Domingo");
|
||||
|
||||
// Please note that the following array of short day names (and the same goes
|
||||
// for short month names, _SMN) isn't absolutely necessary. We give it here
|
||||
// for exemplification on how one can customize the short day names, but if
|
||||
// they are simply the first N letters of the full name you can simply say:
|
||||
//
|
||||
// Calendar._SDN_len = N; // short day name length
|
||||
// Calendar._SMN_len = N; // short month name length
|
||||
//
|
||||
// If N = 3 then this is not needed either since we assume a value of 3 if not
|
||||
// present, to be compatible with translation files that were written before
|
||||
// this feature.
|
||||
|
||||
// short day names
|
||||
Calendar._SDN = new Array
|
||||
("Dom",
|
||||
"Lun",
|
||||
"Mar",
|
||||
"Mii",
|
||||
"Jue",
|
||||
"Vie",
|
||||
"Sab",
|
||||
"Dom");
|
||||
|
||||
// full month names
|
||||
Calendar._MN = new Array
|
||||
("Enero",
|
||||
"Febrero",
|
||||
"Marzo",
|
||||
"Abril",
|
||||
"Mayo",
|
||||
"Junio",
|
||||
"Julio",
|
||||
"Agosto",
|
||||
"Septiembre",
|
||||
"Octubre",
|
||||
"Noviembre",
|
||||
"Diciembre");
|
||||
|
||||
// short month names
|
||||
Calendar._SMN = new Array
|
||||
("Ene",
|
||||
"Feb",
|
||||
"Mar",
|
||||
"Abr",
|
||||
"May",
|
||||
"Jun",
|
||||
"Jul",
|
||||
"Ago",
|
||||
"Sep",
|
||||
"Oct",
|
||||
"Nov",
|
||||
"Dic");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["INFO"] = "Acerca del calendario";
|
||||
|
||||
Calendar._TT["ABOUT"] =
|
||||
"Selector DHTML de Fecha/Hora\n" +
|
||||
"(c) dynarch.com 2002-2003\n" + // don't translate this this ;-)
|
||||
"Para conseguir la zltima versisn visite: http://dynarch.com/mishoo/calendar.epl\n" +
|
||||
"Distribuido bajo licencia GNU LGPL. Visite http://gnu.org/licenses/lgpl.html para mas detalles." +
|
||||
"\n\n" +
|
||||
"Seleccisn de fecha:\n" +
|
||||
"- Use los botones \xab, \xbb para seleccionar el aqo\n" +
|
||||
"- Use los botones " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " para seleccionar el mes\n" +
|
||||
"- Mantenga pulsado el ratsn en cualquiera de estos botones para una seleccisn rapida.";
|
||||
Calendar._TT["ABOUT_TIME"] = "\n\n" +
|
||||
"Seleccisn de hora:\n" +
|
||||
"- Pulse en cualquiera de las partes de la hora para incrementarla\n" +
|
||||
"- s pulse las mayzsculas mientras hace clic para decrementarla\n" +
|
||||
"- s haga clic y arrastre el ratsn para una seleccisn mas rapida.";
|
||||
|
||||
Calendar._TT["PREV_YEAR"] = "Aqo anterior (mantener para menu)";
|
||||
Calendar._TT["PREV_MONTH"] = "Mes anterior (mantener para menu)";
|
||||
Calendar._TT["GO_TODAY"] = "Ir a hoy";
|
||||
Calendar._TT["NEXT_MONTH"] = "Mes siguiente (mantener para menu)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Aqo siguiente (mantener para menu)";
|
||||
Calendar._TT["SEL_DATE"] = "Seleccionar fecha";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Arrastrar para mover";
|
||||
Calendar._TT["PART_TODAY"] = " (hoy)";
|
||||
Calendar._TT["MON_FIRST"] = "Mostrar lunes primero";
|
||||
Calendar._TT["SUN_FIRST"] = "Mostrar domingo primero";
|
||||
Calendar._TT["CLOSE"] = "Cerrar";
|
||||
Calendar._TT["TODAY"] = "Hoy";
|
||||
Calendar._TT["TIME_PART"] = "(Mayzscula-)Clic o arrastre para cambiar valor";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "%d/%m/%Y";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "%A, %e de %B de %Y";
|
||||
|
||||
Calendar._TT["WK"] = "sem";
|
||||
45
www/extras/calendar/lang/calendar-fr.js
Normal file
45
www/extras/calendar/lang/calendar-fr.js
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
// ** I18N
|
||||
Calendar._DN = new Array
|
||||
("Dimanche",
|
||||
"Lundi",
|
||||
"Mardi",
|
||||
"Mercredi",
|
||||
"Jeudi",
|
||||
"Vendredi",
|
||||
"Samedi",
|
||||
"Dimanche");
|
||||
Calendar._MN = new Array
|
||||
("Janvier",
|
||||
"Février",
|
||||
"Mars",
|
||||
"Avril",
|
||||
"Mai",
|
||||
"Juin",
|
||||
"Juillet",
|
||||
"Août",
|
||||
"Septembre",
|
||||
"Octobre",
|
||||
"Novembre",
|
||||
"Décembre");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["TOGGLE"] = "Changer le premier jour de la semaine";
|
||||
Calendar._TT["PREV_YEAR"] = "Année préc. (maintenir pour menu)";
|
||||
Calendar._TT["PREV_MONTH"] = "Mois préc. (maintenir pour menu)";
|
||||
Calendar._TT["GO_TODAY"] = "Atteindre date du jour";
|
||||
Calendar._TT["NEXT_MONTH"] = "Mois suiv. (maintenir pour menu)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Année suiv. (maintenir pour menu)";
|
||||
Calendar._TT["SEL_DATE"] = "Choisir une date";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Déplacer";
|
||||
Calendar._TT["PART_TODAY"] = " (Aujourd'hui)";
|
||||
Calendar._TT["MON_FIRST"] = "Commencer par lundi";
|
||||
Calendar._TT["SUN_FIRST"] = "Commencer par dimanche";
|
||||
Calendar._TT["CLOSE"] = "Fermer";
|
||||
Calendar._TT["TODAY"] = "Aujourd'hui";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "y-mm-dd";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "D, M d";
|
||||
|
||||
Calendar._TT["WK"] = "wk";
|
||||
49
www/extras/calendar/lang/calendar-hr-utf8.js
Normal file
49
www/extras/calendar/lang/calendar-hr-utf8.js
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
/* Croatian language file for the DHTML Calendar version 0.9.2
|
||||
* Author Krunoslav Zubrinic <krunoslav.zubrinic@vip.hr>, June 2003.
|
||||
* Feel free to use this script under the terms of the GNU Lesser General
|
||||
* Public License, as long as you do not remove or alter this notice.
|
||||
*/
|
||||
Calendar._DN = new Array
|
||||
("Nedjelja",
|
||||
"Ponedjeljak",
|
||||
"Utorak",
|
||||
"Srijeda",
|
||||
"Četvrtak",
|
||||
"Petak",
|
||||
"Subota",
|
||||
"Nedjelja");
|
||||
Calendar._MN = new Array
|
||||
("Siječanj",
|
||||
"Veljača",
|
||||
"Ožujak",
|
||||
"Travanj",
|
||||
"Svibanj",
|
||||
"Lipanj",
|
||||
"Srpanj",
|
||||
"Kolovoz",
|
||||
"Rujan",
|
||||
"Listopad",
|
||||
"Studeni",
|
||||
"Prosinac");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["TOGGLE"] = "Promjeni dan s kojim počinje tjedan";
|
||||
Calendar._TT["PREV_YEAR"] = "Prethodna godina (dugi pritisak za meni)";
|
||||
Calendar._TT["PREV_MONTH"] = "Prethodni mjesec (dugi pritisak za meni)";
|
||||
Calendar._TT["GO_TODAY"] = "Idi na tekući dan";
|
||||
Calendar._TT["NEXT_MONTH"] = "Slijedeći mjesec (dugi pritisak za meni)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Slijedeća godina (dugi pritisak za meni)";
|
||||
Calendar._TT["SEL_DATE"] = "Izaberite datum";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Pritisni i povuci za promjenu pozicije";
|
||||
Calendar._TT["PART_TODAY"] = " (today)";
|
||||
Calendar._TT["MON_FIRST"] = "Prikaži ponedjeljak kao prvi dan";
|
||||
Calendar._TT["SUN_FIRST"] = "Prikaži nedjelju kao prvi dan";
|
||||
Calendar._TT["CLOSE"] = "Zatvori";
|
||||
Calendar._TT["TODAY"] = "Danas";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "dd-mm-y";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "DD, dd.mm.y";
|
||||
|
||||
Calendar._TT["WK"] = "Tje";
|
||||
BIN
www/extras/calendar/lang/calendar-hr.js
Normal file
BIN
www/extras/calendar/lang/calendar-hr.js
Normal file
Binary file not shown.
45
www/extras/calendar/lang/calendar-hu.js
Normal file
45
www/extras/calendar/lang/calendar-hu.js
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
// ** I18N
|
||||
Calendar._DN = new Array
|
||||
("Vasárnap",
|
||||
"Hétfõ",
|
||||
"Kedd",
|
||||
"Szerda",
|
||||
"Csütörtök",
|
||||
"Péntek",
|
||||
"Szombat",
|
||||
"Vasárnap");
|
||||
Calendar._MN = new Array
|
||||
("január",
|
||||
"február",
|
||||
"március",
|
||||
"április",
|
||||
"május",
|
||||
"június",
|
||||
"július",
|
||||
"augusztus",
|
||||
"szeptember",
|
||||
"október",
|
||||
"november",
|
||||
"december");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["TOGGLE"] = "A hét elsõ napjának beállítása";
|
||||
Calendar._TT["PREV_YEAR"] = "Elõzõ év (tartsa nyomva a menühöz)";
|
||||
Calendar._TT["PREV_MONTH"] = "Elõzõ hónap (tartsa nyomva a menühöz)";
|
||||
Calendar._TT["GO_TODAY"] = "Mai napra ugrás";
|
||||
Calendar._TT["NEXT_MONTH"] = "Köv. hónap (tartsa nyomva a menühöz)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Köv. év (tartsa nyomva a menühöz)";
|
||||
Calendar._TT["SEL_DATE"] = "Válasszon dátumot";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Húzza a mozgatáshoz";
|
||||
Calendar._TT["PART_TODAY"] = " (ma)";
|
||||
Calendar._TT["MON_FIRST"] = "Hétfõ legyen a hét elsõ napja";
|
||||
Calendar._TT["SUN_FIRST"] = "Vasárnap legyen a hét elsõ napja";
|
||||
Calendar._TT["CLOSE"] = "Bezár";
|
||||
Calendar._TT["TODAY"] = "Ma";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "y-mm-dd";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "M d, D";
|
||||
|
||||
Calendar._TT["WK"] = "hét";
|
||||
79
www/extras/calendar/lang/calendar-it.js
Normal file
79
www/extras/calendar/lang/calendar-it.js
Normal file
|
|
@ -0,0 +1,79 @@
|
|||
// ** I18N
|
||||
Calendar._DN = new Array
|
||||
("Domenica",
|
||||
"Lunedì",
|
||||
"Martedì",
|
||||
"Mercoledì",
|
||||
"Giovedì",
|
||||
"Venerdì",
|
||||
"Sabato",
|
||||
"Domenica");
|
||||
Calendar._MN = new Array
|
||||
("Gennaio",
|
||||
"Febbraio",
|
||||
"Marzo",
|
||||
"Aprile",
|
||||
"Maggio",
|
||||
"Giugno",
|
||||
"Luglio",
|
||||
"Agosto",
|
||||
"Settembre",
|
||||
"Ottobre",
|
||||
"Novembre",
|
||||
"Dicembre");
|
||||
|
||||
// short month names
|
||||
Calendar._SMN = new Array
|
||||
("Gen",
|
||||
"Feb",
|
||||
"Mar",
|
||||
"Apr",
|
||||
"Mag",
|
||||
"Giu",
|
||||
"Lug",
|
||||
"Ago",
|
||||
"Set",
|
||||
"Ott",
|
||||
"Nov",
|
||||
"Dic");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["INFO"] = "a proposito del calendario";
|
||||
|
||||
Calendar._TT["ABOUT"] =
|
||||
"DHTML Date/Time Selector\n" +
|
||||
"(c) dynarch.com 2002-2003\n" + // don't translate this this ;-)
|
||||
"Per le ultime versioni vai a: http://dynarch.com/mishoo/calendar.epl\n" +
|
||||
"Distribuito su licenza GNU LGPL. Vedi http://gnu.org/licenses/lgpl.html per i dettagli." +
|
||||
"\n\n" +
|
||||
"selezione della data:\n" +
|
||||
"- Usa i bottoni \xab, \xbb per selezionare l'anno\n" +
|
||||
"- Usa i bottoni " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " per selezionare il mese\n" +
|
||||
"- Utilizza il mouse per una selezione rapida.";
|
||||
Calendar._TT["ABOUT_TIME"] = "\n\n" +
|
||||
"selezione dell'ora:\n" +
|
||||
"- Clicca sull'ora visualizzata per aumentarla\n" +
|
||||
"- o Shift-click per diminuirla\n" +
|
||||
"- o click a trascina per la selezione rapida.";
|
||||
|
||||
|
||||
Calendar._TT["TOGGLE"] = "Modifica il primo giorno della settimana";
|
||||
Calendar._TT["PREV_YEAR"] = "Anno prec. (tieni premuto per menu)";
|
||||
Calendar._TT["PREV_MONTH"] = "Mese prec. (tieni premuto per menu)";
|
||||
Calendar._TT["GO_TODAY"] = "Vai a oggi";
|
||||
Calendar._TT["NEXT_MONTH"] = "Mese succ. (tieni premuto per menu)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Anno succ. (tieni premuto per menu)";
|
||||
Calendar._TT["SEL_DATE"] = "Seleziona data";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Trascina per spostare";
|
||||
Calendar._TT["PART_TODAY"] = " (oggi)";
|
||||
Calendar._TT["MON_FIRST"] = "Parti da lunedì";
|
||||
Calendar._TT["SUN_FIRST"] = "Parti da domenica";
|
||||
Calendar._TT["CLOSE"] = "Chiudi";
|
||||
Calendar._TT["TODAY"] = "Oggi";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "%d-%m-%Y";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "%a, %e %b ";
|
||||
|
||||
Calendar._TT["WK"] = "Setti";
|
||||
45
www/extras/calendar/lang/calendar-jp.js
Normal file
45
www/extras/calendar/lang/calendar-jp.js
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
// ** I18N
|
||||
Calendar._DN = new Array
|
||||
("日",
|
||||
"月",
|
||||
"火",
|
||||
"水",
|
||||
"木",
|
||||
"金",
|
||||
"土",
|
||||
"日");
|
||||
Calendar._MN = new Array
|
||||
("1月",
|
||||
"2月",
|
||||
"3月",
|
||||
"4月",
|
||||
"5月",
|
||||
"6月",
|
||||
"7月",
|
||||
"8月",
|
||||
"9月",
|
||||
"10月",
|
||||
"11月",
|
||||
"12月");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["TOGGLE"] = "週の最初の曜日を切り替え";
|
||||
Calendar._TT["PREV_YEAR"] = "前年";
|
||||
Calendar._TT["PREV_MONTH"] = "前月";
|
||||
Calendar._TT["GO_TODAY"] = "今日";
|
||||
Calendar._TT["NEXT_MONTH"] = "翌月";
|
||||
Calendar._TT["NEXT_YEAR"] = "翌年";
|
||||
Calendar._TT["SEL_DATE"] = "日付選択";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "ウィンドウの移動";
|
||||
Calendar._TT["PART_TODAY"] = " (今日)";
|
||||
Calendar._TT["MON_FIRST"] = "月曜日を先頭に";
|
||||
Calendar._TT["SUN_FIRST"] = "日曜日を先頭に";
|
||||
Calendar._TT["CLOSE"] = "閉じる";
|
||||
Calendar._TT["TODAY"] = "今日";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "y-mm-dd";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "M d日 (D)";
|
||||
|
||||
Calendar._TT["WK"] = "週";
|
||||
45
www/extras/calendar/lang/calendar-nl.js
Normal file
45
www/extras/calendar/lang/calendar-nl.js
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
// ** I18N
|
||||
Calendar._DN = new Array
|
||||
("Zondag",
|
||||
"Maandag",
|
||||
"Dinsdag",
|
||||
"Woensdag",
|
||||
"Donderdag",
|
||||
"Vrijdag",
|
||||
"Zaterdag",
|
||||
"Zondag");
|
||||
Calendar._MN = new Array
|
||||
("Januari",
|
||||
"Februari",
|
||||
"Maart",
|
||||
"April",
|
||||
"Mei",
|
||||
"Juni",
|
||||
"Juli",
|
||||
"Augustus",
|
||||
"September",
|
||||
"Oktober",
|
||||
"November",
|
||||
"December");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["TOGGLE"] = "Selecteer de eerste week-dag";
|
||||
Calendar._TT["PREV_YEAR"] = "Vorig jaar (ingedrukt voor menu)";
|
||||
Calendar._TT["PREV_MONTH"] = "Vorige maand (ingedrukt voor menu)";
|
||||
Calendar._TT["GO_TODAY"] = "Ga naar Vandaag";
|
||||
Calendar._TT["NEXT_MONTH"] = "Volgende maand (ingedrukt voor menu)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Volgend jaar (ingedrukt voor menu)";
|
||||
Calendar._TT["SEL_DATE"] = "Selecteer datum";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Klik en sleep om te verplaatsen";
|
||||
Calendar._TT["PART_TODAY"] = " (vandaag)";
|
||||
Calendar._TT["MON_FIRST"] = "Toon Maandag eerst";
|
||||
Calendar._TT["SUN_FIRST"] = "Toon Zondag eerst";
|
||||
Calendar._TT["CLOSE"] = "Sluiten";
|
||||
Calendar._TT["TODAY"] = "Vandaag";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "dd-mm-y";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "DD, d MM";
|
||||
|
||||
Calendar._TT["WK"] = "wk";
|
||||
45
www/extras/calendar/lang/calendar-no.js
Normal file
45
www/extras/calendar/lang/calendar-no.js
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
// ** I18N
|
||||
Calendar._DN = new Array
|
||||
("Søndag",
|
||||
"Mandag",
|
||||
"Tirsdag",
|
||||
"Onsdag",
|
||||
"Torsdag",
|
||||
"Fredag",
|
||||
"Lørdag",
|
||||
"Søndag");
|
||||
Calendar._MN = new Array
|
||||
("Januar",
|
||||
"Februar",
|
||||
"Mars",
|
||||
"April",
|
||||
"Mai",
|
||||
"Juni",
|
||||
"Juli",
|
||||
"August",
|
||||
"September",
|
||||
"Oktober",
|
||||
"November",
|
||||
"Desember");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["TOGGLE"] = "Skift første ukedag";
|
||||
Calendar._TT["PREV_YEAR"] = "Et år tilbake (hold for meny)";
|
||||
Calendar._TT["PREV_MONTH"] = "En måned tilbake (hold for meny)";
|
||||
Calendar._TT["GO_TODAY"] = "Gå til i dag";
|
||||
Calendar._TT["NEXT_MONTH"] = "En måned fram (hold for meny)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Et år fram (hold for meny)";
|
||||
Calendar._TT["SEL_DATE"] = "Velg dag";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Dra vinduet";
|
||||
Calendar._TT["PART_TODAY"] = " (i dag)";
|
||||
Calendar._TT["MON_FIRST"] = "Vis mandag først";
|
||||
Calendar._TT["SUN_FIRST"] = "Vis søndag først";
|
||||
Calendar._TT["CLOSE"] = "Lukk vinduet";
|
||||
Calendar._TT["TODAY"] = "I dag";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "y-mm-dd";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "D d. M, y";
|
||||
|
||||
Calendar._TT["WK"] = "wk";
|
||||
46
www/extras/calendar/lang/calendar-pl.js
Normal file
46
www/extras/calendar/lang/calendar-pl.js
Normal file
|
|
@ -0,0 +1,46 @@
|
|||
// Polish| dariush pietrzak, eyck@ghost.anime.pl
|
||||
// ** I18N
|
||||
Calendar._DN = new Array
|
||||
("Niedziela",
|
||||
"Poniedziałek",
|
||||
"Wtorek",
|
||||
"Środa",
|
||||
"Czwartek",
|
||||
"Piątek",
|
||||
"Sobota",
|
||||
"Niedziela");
|
||||
Calendar._MN = new Array
|
||||
("Styczeń",
|
||||
"Luty",
|
||||
"Marzec",
|
||||
"Kwiecień",
|
||||
"Maj",
|
||||
"Czerwiec",
|
||||
"Lipiec",
|
||||
"Sierpień",
|
||||
"Wrzesień",
|
||||
"Październik",
|
||||
"Listopad",
|
||||
"Grudzień");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["TOGGLE"] = "Zmień pierwszy dzień tygodnia";
|
||||
Calendar._TT["PREV_YEAR"] = "Poprzedni rok (przytrzymaj dla menu)";
|
||||
Calendar._TT["PREV_MONTH"] = "Poprzedni miesiąc (przytrzymaj dla menu)";
|
||||
Calendar._TT["GO_TODAY"] = "Idź do dzisiaj";
|
||||
Calendar._TT["NEXT_MONTH"] = "Następny miesiąc (przytrzymaj dla menu)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Następny rok (przytrzymaj dla menu)";
|
||||
Calendar._TT["SEL_DATE"] = "Wybierz datę";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Przeciągnij by przesunąć";
|
||||
Calendar._TT["PART_TODAY"] = " (dzisiaj)";
|
||||
Calendar._TT["MON_FIRST"] = "Wyświetl poniedziałek jako pierwszy";
|
||||
Calendar._TT["SUN_FIRST"] = "Wyświetl niedzielę jako pierwszą";
|
||||
Calendar._TT["CLOSE"] = "Zamknij";
|
||||
Calendar._TT["TODAY"] = "Dzisiaj";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "y-mm-dd";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "D, M d";
|
||||
|
||||
Calendar._TT["WK"] = "wk";
|
||||
45
www/extras/calendar/lang/calendar-pt.js
Normal file
45
www/extras/calendar/lang/calendar-pt.js
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
// ** I18N
|
||||
Calendar._DN = new Array
|
||||
("Domingo",
|
||||
"Segunda",
|
||||
"Terça",
|
||||
"Quarta",
|
||||
"Quinta",
|
||||
"Sexta",
|
||||
"Sábado",
|
||||
"Domingo");
|
||||
Calendar._MN = new Array
|
||||
("Janeiro",
|
||||
"Fevereiro",
|
||||
"Março",
|
||||
"Abril",
|
||||
"Maio",
|
||||
"Junho",
|
||||
"Julho",
|
||||
"Agosto",
|
||||
"Setembro",
|
||||
"Outubro",
|
||||
"Novembro",
|
||||
"Dezembro");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["TOGGLE"] = "Trocar o primeiro dia da semana";
|
||||
Calendar._TT["PREV_YEAR"] = "Ano Anterior (mantenha para menu)";
|
||||
Calendar._TT["PREV_MONTH"] = "Mês Anterior (mantenha para menu)";
|
||||
Calendar._TT["GO_TODAY"] = "Ir para hoje";
|
||||
Calendar._TT["NEXT_MONTH"] = "Próximo Mês (mantenha para menu)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Próximo Ano (mantenha para menu)";
|
||||
Calendar._TT["SEL_DATE"] = "Escolha Data";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Arraste para mover";
|
||||
Calendar._TT["PART_TODAY"] = " (hoje)";
|
||||
Calendar._TT["MON_FIRST"] = "Mostrar Segunda primeiro";
|
||||
Calendar._TT["SUN_FIRST"] = "Mostrar Domingo primeiro";
|
||||
Calendar._TT["CLOSE"] = "Fechar";
|
||||
Calendar._TT["TODAY"] = "Hoje";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "a-mm-dd";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "D, M d";
|
||||
|
||||
Calendar._TT["WK"] = "sm";
|
||||
65
www/extras/calendar/lang/calendar-ro.js
Normal file
65
www/extras/calendar/lang/calendar-ro.js
Normal file
|
|
@ -0,0 +1,65 @@
|
|||
// ** I18N
|
||||
Calendar._DN = new Array
|
||||
("Duminică",
|
||||
"Luni",
|
||||
"Marţi",
|
||||
"Miercuri",
|
||||
"Joi",
|
||||
"Vineri",
|
||||
"Sâmbătă",
|
||||
"Duminică");
|
||||
Calendar._SDN_len = 2;
|
||||
Calendar._MN = new Array
|
||||
("Ianuarie",
|
||||
"Februarie",
|
||||
"Martie",
|
||||
"Aprilie",
|
||||
"Mai",
|
||||
"Iunie",
|
||||
"Iulie",
|
||||
"August",
|
||||
"Septembrie",
|
||||
"Octombrie",
|
||||
"Noiembrie",
|
||||
"Decembrie");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
|
||||
Calendar._TT["INFO"] = "Despre calendar";
|
||||
|
||||
Calendar._TT["ABOUT"] =
|
||||
"DHTML Date/Time Selector\n" +
|
||||
"(c) dynarch.com 2002-2003\n" + // don't translate this this ;-)
|
||||
"Pentru ultima versiune vizitaţi: http://dynarch.com/mishoo/calendar.epl\n" +
|
||||
"Distribuit sub GNU LGPL. See http://gnu.org/licenses/lgpl.html for details." +
|
||||
"\n\n" +
|
||||
"Selecţia datei:\n" +
|
||||
"- Folosiţi butoanele \xab, \xbb pentru a selecta anul\n" +
|
||||
"- Folosiţi butoanele " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " pentru a selecta luna\n" +
|
||||
"- Tineţi butonul mouse-ului apăsat pentru selecţie mai rapidă.";
|
||||
Calendar._TT["ABOUT_TIME"] = "\n\n" +
|
||||
"Selecţia orei:\n" +
|
||||
"- Click pe ora sau minut pentru a mări valoarea cu 1\n" +
|
||||
"- Sau Shift-Click pentru a micşora valoarea cu 1\n" +
|
||||
"- Sau Click şi drag pentru a selecta mai repede.";
|
||||
|
||||
Calendar._TT["PREV_YEAR"] = "Anul precedent (lung pt menu)";
|
||||
Calendar._TT["PREV_MONTH"] = "Luna precedentă (lung pt menu)";
|
||||
Calendar._TT["GO_TODAY"] = "Data de azi";
|
||||
Calendar._TT["NEXT_MONTH"] = "Luna următoare (lung pt menu)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Anul următor (lung pt menu)";
|
||||
Calendar._TT["SEL_DATE"] = "Selectează data";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Trage pentru a mişca";
|
||||
Calendar._TT["PART_TODAY"] = " (astăzi)";
|
||||
Calendar._TT["MON_FIRST"] = "Prima zi -> Luni";
|
||||
Calendar._TT["SUN_FIRST"] = "Prima zi -> Duminică";
|
||||
Calendar._TT["CLOSE"] = "Închide";
|
||||
Calendar._TT["TODAY"] = "Astăzi";
|
||||
Calendar._TT["TIME_PART"] = "(Shift-)Click sau drag pentru a selecta";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "%d-%m-%Y";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "%A, %d %B";
|
||||
|
||||
Calendar._TT["WK"] = "spt";
|
||||
45
www/extras/calendar/lang/calendar-ru.js
Normal file
45
www/extras/calendar/lang/calendar-ru.js
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
// ** I18N
|
||||
Calendar._DN = new Array
|
||||
("Âîñêðåñåíüå",
|
||||
"Ïîíåäåëüíèê",
|
||||
"Âòîðíèê",
|
||||
"Ñðåäà",
|
||||
"×åòâåðã",
|
||||
"Ïÿòíèöà",
|
||||
"Ñóááîòà",
|
||||
"Âîñêðåñåíüå");
|
||||
Calendar._MN = new Array
|
||||
("ßíâàðü",
|
||||
"Ôåâðàëü",
|
||||
"Ìàðò",
|
||||
"Àïðåëü",
|
||||
"Ìàé",
|
||||
"Èþíü",
|
||||
"Èþëü",
|
||||
"Àâãóñò",
|
||||
"Ñåíòÿáðü",
|
||||
"Îêòÿáðü",
|
||||
"Íîÿáðü",
|
||||
"Äåêàáðü");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["TOGGLE"] = "Ñìåíèòü äåíü íà÷àëà íåäåëè (ÏÍ/ÂÑ)";
|
||||
Calendar._TT["PREV_YEAR"] = "Ïðåä. ãîä (óäåðæèâàòü äëÿ ìåíþ)";
|
||||
Calendar._TT["PREV_MONTH"] = "Ïðåä. ìåñÿö (óäåðæèâàòü äëÿ ìåíþ)";
|
||||
Calendar._TT["GO_TODAY"] = "Íà ñåãîäíÿ";
|
||||
Calendar._TT["NEXT_MONTH"] = "Ñëåä. ìåñÿö (óäåðæèâàòü äëÿ ìåíþ)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Ñëåä. ãîä (óäåðæèâàòü äëÿ ìåíþ)";
|
||||
Calendar._TT["SEL_DATE"] = "Âûáðàòü äàòó";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Ïåðåòàùèòü";
|
||||
Calendar._TT["PART_TODAY"] = " (ñåãîäíÿ)";
|
||||
Calendar._TT["MON_FIRST"] = "Ïîêàçàòü ïîíåäåëüíèê ïåðâûì";
|
||||
Calendar._TT["SUN_FIRST"] = "Ïîêàçàòü âîñêðåñåíüå ïåðâûì";
|
||||
Calendar._TT["CLOSE"] = "Çàêðûòü";
|
||||
Calendar._TT["TODAY"] = "Ñåãîäíÿ";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "y-mm-dd";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "D, M d";
|
||||
|
||||
Calendar._TT["WK"] = "íåä";
|
||||
99
www/extras/calendar/lang/calendar-sk.js
Normal file
99
www/extras/calendar/lang/calendar-sk.js
Normal file
|
|
@ -0,0 +1,99 @@
|
|||
// ** I18N
|
||||
|
||||
// Calendar SK language
|
||||
// Author: Peter Valach (pvalach@gmx.net)
|
||||
// Encoding: utf-8
|
||||
// Last update: 2003/10/29
|
||||
// Distributed under the same terms as the calendar itself.
|
||||
|
||||
// full day names
|
||||
Calendar._DN = new Array
|
||||
("NedeÄľa",
|
||||
"Pondelok",
|
||||
"Utorok",
|
||||
"Streda",
|
||||
"Ĺ tvrtok",
|
||||
"Piatok",
|
||||
"Sobota",
|
||||
"NedeÄľa");
|
||||
|
||||
// short day names
|
||||
Calendar._SDN = new Array
|
||||
("Ned",
|
||||
"Pon",
|
||||
"Uto",
|
||||
"Str",
|
||||
"Ĺ tv",
|
||||
"Pia",
|
||||
"Sob",
|
||||
"Ned");
|
||||
|
||||
// full month names
|
||||
Calendar._MN = new Array
|
||||
("Január",
|
||||
"Február",
|
||||
"Marec",
|
||||
"AprĂl",
|
||||
"Máj",
|
||||
"JĂşn",
|
||||
"JĂşl",
|
||||
"August",
|
||||
"September",
|
||||
"OktĂłber",
|
||||
"November",
|
||||
"December");
|
||||
|
||||
// short month names
|
||||
Calendar._SMN = new Array
|
||||
("Jan",
|
||||
"Feb",
|
||||
"Mar",
|
||||
"Apr",
|
||||
"Máj",
|
||||
"JĂşn",
|
||||
"JĂşl",
|
||||
"Aug",
|
||||
"Sep",
|
||||
"Okt",
|
||||
"Nov",
|
||||
"Dec");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["INFO"] = "O kalendári";
|
||||
|
||||
Calendar._TT["ABOUT"] =
|
||||
"DHTML Date/Time Selector\n" +
|
||||
"(c) dynarch.com 2002-2003\n" +
|
||||
"Poslednú verziu nájdete na: http://dynarch.com/mishoo/calendar.epl\n" +
|
||||
"Distribuované pod GNU LGPL. Viď http://gnu.org/licenses/lgpl.html pre detaily." +
|
||||
"\n\n" +
|
||||
"Výber dátumu:\n" +
|
||||
"- Použite tlačidlá \xab, \xbb pre výber roku\n" +
|
||||
"- Použite tlačidlá " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " pre výber mesiaca\n" +
|
||||
"- Ak ktorĂ©koÄľvek z tĂ˝chto tlaÄŤidiel podrĹľĂte dlhšie, zobrazĂ sa rĂ˝chly vĂ˝ber.";
|
||||
Calendar._TT["ABOUT_TIME"] = "\n\n" +
|
||||
"Výber času:\n" +
|
||||
"- Kliknutie na niektorú položku času ju zvýši\n" +
|
||||
"- Shift-klik ju znĂĹľi\n" +
|
||||
"- Ak podrĹľĂte tlaÄŤĂtko stlaÄŤenĂ©, posĂşvanĂm menĂte hodnotu.";
|
||||
|
||||
Calendar._TT["PREV_YEAR"] = "Predošlý rok (podržte pre menu)";
|
||||
Calendar._TT["PREV_MONTH"] = "Predošlý mesiac (podržte pre menu)";
|
||||
Calendar._TT["GO_TODAY"] = "Prejsť na dnešok";
|
||||
Calendar._TT["NEXT_MONTH"] = "Nasl. mesiac (podrĹľte pre menu)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Nasl. rok (podrĹľte pre menu)";
|
||||
Calendar._TT["SEL_DATE"] = "Zvoľte dátum";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "PodrĹľanĂm tlaÄŤĂtka zmenĂte polohu";
|
||||
Calendar._TT["PART_TODAY"] = " (dnes)";
|
||||
Calendar._TT["MON_FIRST"] = "ZobraziĹĄ pondelok ako prvĂ˝";
|
||||
Calendar._TT["SUN_FIRST"] = "ZobraziĹĄ nedeÄľu ako prvĂş";
|
||||
Calendar._TT["CLOSE"] = "ZavrieĹĄ";
|
||||
Calendar._TT["TODAY"] = "Dnes";
|
||||
Calendar._TT["TIME_PART"] = "(Shift-)klik/ĹĄahanie zmenĂ hodnotu";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "$d. %m. %Y";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "%a, %e. %b";
|
||||
|
||||
Calendar._TT["WK"] = "týž";
|
||||
45
www/extras/calendar/lang/calendar-sp.js
Normal file
45
www/extras/calendar/lang/calendar-sp.js
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
// ** I18N
|
||||
Calendar._DN = new Array
|
||||
("Domingo",
|
||||
"Lunes",
|
||||
"Martes",
|
||||
"Miercoles",
|
||||
"Jueves",
|
||||
"Viernes",
|
||||
"Sabado",
|
||||
"Domingo");
|
||||
Calendar._MN = new Array
|
||||
("Enero",
|
||||
"Febrero",
|
||||
"Marzo",
|
||||
"Abril",
|
||||
"Mayo",
|
||||
"Junio",
|
||||
"Julio",
|
||||
"Augosto",
|
||||
"Septiembre",
|
||||
"Octubrer",
|
||||
"Noviembre",
|
||||
"Diciembre");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["TOGGLE"] = "Primer dia de la semana";
|
||||
Calendar._TT["PREV_YEAR"] = "Año anterior (Presione para menu)";
|
||||
Calendar._TT["PREV_MONTH"] = "Mes Anterior (Presione para menu)";
|
||||
Calendar._TT["GO_TODAY"] = "Ir a Hoy";
|
||||
Calendar._TT["NEXT_MONTH"] = "Mes Siguiente (Presione para menu)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Año Siguiente (Presione para menu)";
|
||||
Calendar._TT["SEL_DATE"] = "Seleccione fecha";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Arrastre y mueva";
|
||||
Calendar._TT["PART_TODAY"] = " (Hoy)";
|
||||
Calendar._TT["MON_FIRST"] = "Lunes Primero";
|
||||
Calendar._TT["SUN_FIRST"] = "Domingo Primero";
|
||||
Calendar._TT["CLOSE"] = "Cerrar";
|
||||
Calendar._TT["TODAY"] = "Hoy";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "dd-mm-yy";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "D, d M";
|
||||
|
||||
Calendar._TT["WK"] = "Smn";
|
||||
93
www/extras/calendar/lang/calendar-sv.js
Normal file
93
www/extras/calendar/lang/calendar-sv.js
Normal file
|
|
@ -0,0 +1,93 @@
|
|||
// ** I18N
|
||||
|
||||
// Calendar SV language (Swedish, svenska)
|
||||
// Author: Mihai Bazon, <mishoo@infoiasi.ro>
|
||||
// Translation team: <sv@li.org>
|
||||
// Translator: Leonard Norrgård <leonard.norrgard@refactor.fi>
|
||||
// Last translator: Leonard Norrgård <leonard.norrgard@refactor.fi>
|
||||
// Encoding: iso-latin-1
|
||||
// Distributed under the same terms as the calendar itself.
|
||||
|
||||
// For translators: please use UTF-8 if possible. We strongly believe that
|
||||
// Unicode is the answer to a real internationalized world. Also please
|
||||
// include your contact information in the header, as can be seen above.
|
||||
|
||||
// full day names
|
||||
Calendar._DN = new Array
|
||||
("söndag",
|
||||
"måndag",
|
||||
"tisdag",
|
||||
"onsdag",
|
||||
"torsdag",
|
||||
"fredag",
|
||||
"lördag",
|
||||
"söndag");
|
||||
|
||||
// Please note that the following array of short day names (and the same goes
|
||||
// for short month names, _SMN) isn't absolutely necessary. We give it here
|
||||
// for exemplification on how one can customize the short day names, but if
|
||||
// they are simply the first N letters of the full name you can simply say:
|
||||
//
|
||||
// Calendar._SDN_len = N; // short day name length
|
||||
// Calendar._SMN_len = N; // short month name length
|
||||
//
|
||||
// If N = 3 then this is not needed either since we assume a value of 3 if not
|
||||
// present, to be compatible with translation files that were written before
|
||||
// this feature.
|
||||
Calendar._SDN_len = 2;
|
||||
Calendar._SMN_len = 3;
|
||||
|
||||
// full month names
|
||||
Calendar._MN = new Array
|
||||
("januari",
|
||||
"februari",
|
||||
"mars",
|
||||
"april",
|
||||
"maj",
|
||||
"juni",
|
||||
"juli",
|
||||
"augusti",
|
||||
"september",
|
||||
"oktober",
|
||||
"november",
|
||||
"december");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["INFO"] = "Om kalendern";
|
||||
|
||||
Calendar._TT["ABOUT"] =
|
||||
"DHTML Datum/tid-väljare\n" +
|
||||
"(c) dynarch.com 2002-2003\n" + // don't translate this this ;-)
|
||||
"För senaste version gå till: http://dynarch.com/mishoo/calendar.epl\n" +
|
||||
"Distribueras under GNU LGPL. Se http://gnu.org/licenses/lgpl.html för detaljer." +
|
||||
"\n\n" +
|
||||
"Val av datum:\n" +
|
||||
"- Använd knapparna \xab, \xbb för att välja år\n" +
|
||||
"- Använd knapparna " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " för att välja månad\n" +
|
||||
"- Håll musknappen nedtryckt på någon av ovanstående knappar för snabbare val.";
|
||||
Calendar._TT["ABOUT_TIME"] = "\n\n" +
|
||||
"Val av tid:\n" +
|
||||
"- Klicka på en del av tiden för att öka den delen\n" +
|
||||
"- eller skift-klicka för att minska den\n" +
|
||||
"- eller klicka och drag för snabbare val.";
|
||||
|
||||
Calendar._TT["PREV_YEAR"] = "Föregående år (håll för menu)";
|
||||
Calendar._TT["PREV_MONTH"] = "Föregående månad (håll för menu)";
|
||||
Calendar._TT["GO_TODAY"] = "Gå till dagens datum";
|
||||
Calendar._TT["NEXT_MONTH"] = "Följande månad (håll för menu)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Följande år (håll för menu)";
|
||||
Calendar._TT["SEL_DATE"] = "Välj datum";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Drag för att flytta";
|
||||
Calendar._TT["PART_TODAY"] = " (idag)";
|
||||
Calendar._TT["MON_FIRST"] = "Visa måndag först";
|
||||
Calendar._TT["SUN_FIRST"] = "Visa söndag först";
|
||||
Calendar._TT["CLOSE"] = "Stäng";
|
||||
Calendar._TT["TODAY"] = "Idag";
|
||||
Calendar._TT["TIME_PART"] = "(Skift-)klicka eller drag för att ändra tid";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "%Y-%m-%d";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "%A %d %b %Y";
|
||||
|
||||
Calendar._TT["WK"] = "vecka";
|
||||
58
www/extras/calendar/lang/calendar-tr.js
Normal file
58
www/extras/calendar/lang/calendar-tr.js
Normal file
|
|
@ -0,0 +1,58 @@
|
|||
//////////////////////////////////////////////////////////////////////////////////////////////
|
||||
// Turkish Translation by Nuri AKMAN
|
||||
// Location: Ankara/TURKEY
|
||||
// e-mail : nuriakman@hotmail.com
|
||||
// Date : April, 9 2003
|
||||
//
|
||||
// Note: if Turkish Characters does not shown on you screen
|
||||
// please include falowing line your html code:
|
||||
//
|
||||
// <meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
|
||||
//
|
||||
//////////////////////////////////////////////////////////////////////////////////////////////
|
||||
|
||||
// ** I18N
|
||||
Calendar._DN = new Array
|
||||
("Pazar",
|
||||
"Pazartesi",
|
||||
"Salı",
|
||||
"Çarşamba",
|
||||
"Perşembe",
|
||||
"Cuma",
|
||||
"Cumartesi",
|
||||
"Pazar");
|
||||
Calendar._MN = new Array
|
||||
("Ocak",
|
||||
"Şubat",
|
||||
"Mart",
|
||||
"Nisan",
|
||||
"Mayıs",
|
||||
"Haziran",
|
||||
"Temmuz",
|
||||
"Ağustos",
|
||||
"Eylül",
|
||||
"Ekim",
|
||||
"Kasım",
|
||||
"Aralık");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["TOGGLE"] = "Haftanın ilk gününü kaydır";
|
||||
Calendar._TT["PREV_YEAR"] = "Önceki Yıl (Menü için basılı tutunuz)";
|
||||
Calendar._TT["PREV_MONTH"] = "Önceki Ay (Menü için basılı tutunuz)";
|
||||
Calendar._TT["GO_TODAY"] = "Bugün'e git";
|
||||
Calendar._TT["NEXT_MONTH"] = "Sonraki Ay (Menü için basılı tutunuz)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Sonraki Yıl (Menü için basılı tutunuz)";
|
||||
Calendar._TT["SEL_DATE"] = "Tarih seçiniz";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Taşımak için sürükleyiniz";
|
||||
Calendar._TT["PART_TODAY"] = " (bugün)";
|
||||
Calendar._TT["MON_FIRST"] = "Takvim Pazartesi gününden başlasın";
|
||||
Calendar._TT["SUN_FIRST"] = "Takvim Pazar gününden başlasın";
|
||||
Calendar._TT["CLOSE"] = "Kapat";
|
||||
Calendar._TT["TODAY"] = "Bugün";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "dd-mm-y";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "d MM y, DD";
|
||||
|
||||
Calendar._TT["WK"] = "Hafta";
|
||||
45
www/extras/calendar/lang/calendar-zh.js
Normal file
45
www/extras/calendar/lang/calendar-zh.js
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
// ** Translated by ATang ** I18N
|
||||
Calendar._DN = new Array
|
||||
("星期日",
|
||||
"星期一",
|
||||
"星期二",
|
||||
"星期三",
|
||||
"星期四",
|
||||
"星期五",
|
||||
"星期六",
|
||||
"星期日");
|
||||
Calendar._MN = new Array
|
||||
("一月",
|
||||
"二月",
|
||||
"三月",
|
||||
"四月",
|
||||
"五月",
|
||||
"六月",
|
||||
"七月",
|
||||
"八月",
|
||||
"九月",
|
||||
"十月",
|
||||
"十一月",
|
||||
"十二月");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["TOGGLE"] = "切换周开始的一天";
|
||||
Calendar._TT["PREV_YEAR"] = "上一年 (按住出菜单)";
|
||||
Calendar._TT["PREV_MONTH"] = "上一月 (按住出菜单)";
|
||||
Calendar._TT["GO_TODAY"] = "到今日";
|
||||
Calendar._TT["NEXT_MONTH"] = "下一月 (按住出菜单)";
|
||||
Calendar._TT["NEXT_YEAR"] = "下一年 (按住出菜单)";
|
||||
Calendar._TT["SEL_DATE"] = "选择日期";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "拖动";
|
||||
Calendar._TT["PART_TODAY"] = " (今日)";
|
||||
Calendar._TT["MON_FIRST"] = "首先显示星期一";
|
||||
Calendar._TT["SUN_FIRST"] = "首先显示星期日";
|
||||
Calendar._TT["CLOSE"] = "关闭";
|
||||
Calendar._TT["TODAY"] = "今日";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "y-mm-dd";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "D, M d";
|
||||
|
||||
Calendar._TT["WK"] = "周";
|
||||
BIN
www/extras/calendar/menuarrow.gif
Normal file
BIN
www/extras/calendar/menuarrow.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 68 B |
233
www/extras/calendar/release-notes.html
Normal file
233
www/extras/calendar/release-notes.html
Normal file
|
|
@ -0,0 +1,233 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 3.2//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>jscalendar release notes</title>
|
||||
|
||||
<style type="text/css">
|
||||
h1 { border-bottom: 1px solid #000; }
|
||||
h2 { border-bottom: 1px solid #444; }
|
||||
ul li { margin-top: 0.5em; margin-bottom: 0.5em; }
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h1>jscalendar release notes</h1>
|
||||
|
||||
<p>This release compiled at Wednesday, 5 Nov 2003 (19:30).</p>
|
||||
|
||||
<h2>0.9.5</h2>
|
||||
|
||||
<p>
|
||||
This release's primary goal is to fix a wrong license statement which
|
||||
can be found in some files from 0.9.4. For instance in README or
|
||||
calendar.js, the statement was that the code is distributed under the
|
||||
GNU GPL; that's because I had plans to change the license, then
|
||||
changed my mind but unfortunately I committed files so. I am sorry
|
||||
for this inconvenience, please use the latest (0.9.5) release which is
|
||||
fully covered by LGPL.
|
||||
</p>
|
||||
|
||||
<p>Other changes:</p>
|
||||
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<b>Fixed</b> an annoying bug that prevented the calendar to display
|
||||
correctly when it was configured for an input field inside a
|
||||
<b>scrolling area</b>. <b>Many thanks</b> to Ian Barrack (<a
|
||||
href="http://www.simban.com">Simban.com</a>) who pointed it up and
|
||||
donated quote some money for the Calendar project!
|
||||
</li>
|
||||
|
||||
<li>
|
||||
All examples use UTF-8 now; the translations may not be all
|
||||
up-to-date, but I <strong>strongly</strong> suggest everyone to use
|
||||
UTF-8; other encodings are a plain mess. So far I know for sure
|
||||
that Romanian translation will work with UTF-8 and <em>not
|
||||
anymore</em> with ISO-8859-2. Other translations are probably
|
||||
usable under UTF-8, but if your preferred language isn't... ;-)
|
||||
please make it and send it to me for inclusion.
|
||||
</li>
|
||||
|
||||
<li>
|
||||
Fixed small bug in the documentation (one footnote didn't appear
|
||||
where it should have).
|
||||
</li>
|
||||
|
||||
<li>
|
||||
Updated translations: DE, ES, HU, IT, RO. Thanks to everyone who
|
||||
sent translations!
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<h2>0.9.4</h2>
|
||||
|
||||
<h3>New stuff</h3>
|
||||
|
||||
<ul>
|
||||
|
||||
<li>Supports time selection. Yes. ;-) This work has been largely
|
||||
sponsored by <strong>Himanshukumar Shah</strong> (thank you!). See
|
||||
the docs and example files for details on how to setup.</li>
|
||||
|
||||
<li>Easy to link 2 or more fields by using the new
|
||||
<code>onUpdate</code> parameter of <code>Calendar.setup</code>. This
|
||||
is useful, say, to automatically set a value in a second field based
|
||||
on the value selected in the first field. See the documentation and
|
||||
first sample in <a href="simple-1.html">simple-1.html</a>.</li>
|
||||
|
||||
<li>Other <code>Calendar.setup</code> low-level parameters, for those
|
||||
wanting to have the complete control: <code>onSelect</code> and
|
||||
<code>onClose</code>. The handlers are called when something is
|
||||
selected in the calendar or when the calendar is closed.</li>
|
||||
|
||||
<li>The translation files can optionally include the short day names
|
||||
and the short month names. That's because in some languages, like
|
||||
German, the short form is not the first 3 letters of the entire name
|
||||
but only the first 2. Also in other languages short names can't be
|
||||
as easily derived from the full name by just calling substr, so this
|
||||
patch solves the problem.</li>
|
||||
|
||||
<li>Implemented a nice way to make some dates "special" (look
|
||||
different). Specifically, the <code>setDisabledHandler</code> method
|
||||
was replaced with the more general <code>setDateStatusHandler</code>
|
||||
method (the old one is still available for backwards compatibility but
|
||||
<em>will</em> be removed). More details about this in the
|
||||
documentation. Also see <a href="simple-3.html">simple-3.html</a>
|
||||
for a live sample.</li>
|
||||
|
||||
<li>Date parsing and formatting engine is now rewritten and supports a
|
||||
subset of <code>strftime</code> format specifiers from ANSI C. This
|
||||
makes it possible to use dates like "YYYYMMDD" (the corresponding
|
||||
format for this would be "%Y%m%d"). Details in the documentation.
|
||||
<b>Please note that the new engine is not compatibile with older
|
||||
calendar releases!</b></li>
|
||||
|
||||
<li>Along with the new date parser I workarounded an unpleasant crash
|
||||
that occurred in IE when certain accented characters appeared in the
|
||||
texts. I think German was one of the language with such problems, and
|
||||
the workaround was to use the letter without an accent. Well, now you
|
||||
can translate to whatever you want.</li>
|
||||
|
||||
<li>"Fixes" (I mean, "horrible workarounds") for Konqueror (and
|
||||
hopefully Safari). Unfortunately, this otherwise excellent browser
|
||||
still has some bugs that keep the calendar from working
|
||||
<em>exactly</em> as it should.. But they're going to be fixed,
|
||||
right? ;-)</li>
|
||||
|
||||
<li>CSS themes got pretty much modified too so if you wrote your theme
|
||||
you need to update it. Aside for the time selector support, the CSS
|
||||
themes contain a simple hack that makes the navigation buttons show
|
||||
a little arrow in the lower-right corner which indicates that if one
|
||||
holds the mouse a menu will appear.</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<h3>Translation files</h3>
|
||||
|
||||
<p>The translation files need to be updated in order for the calendar to
|
||||
work properly. Currently the only updated files are calendar-en.js
|
||||
(main file) and calendar-ro.js (well, yes, I am a Romanian ;-).</p>
|
||||
|
||||
<p>Specifically, they need the following:</p>
|
||||
|
||||
<ul>
|
||||
|
||||
<li>Correct date format, according with the new format specifiers
|
||||
introduced in 0.9.4. Details about the available format specifiers
|
||||
in the documentation</li>
|
||||
|
||||
<li>Short day or month names, <em>if required</em>. If they can be
|
||||
derived by taking the first N letters of the full name then a simple
|
||||
Calendar._SDN_len = N or Calendar._SMN_len = N will suffice. If N
|
||||
is 3 then nothing needs to be done as we take it for granted if no
|
||||
other option is offered ;-)</li>
|
||||
|
||||
<li>We have some new texts that shows short usage information as well
|
||||
as copyright information.</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<p>If your favorite language is not there yet, or it is but not updated
|
||||
according to the main calendar-en.js file, then please consider
|
||||
translating calendar-en.js and send the translation back to me so that
|
||||
I include it in the official distribution.</p>
|
||||
|
||||
<h3>Bug status</h3>
|
||||
|
||||
<p>Check <a
|
||||
href="http://sourceforge.net/tracker/?atid=544285&group_id=75569&func=browse">SourceForge</a>,
|
||||
I didn't keep track. However, there were a lot of bugfixes.</p>
|
||||
|
||||
<h2>0.9.3</h2>
|
||||
|
||||
<h3>New stuff</h3>
|
||||
|
||||
<ul>
|
||||
|
||||
<li>Opera 7 compatibility — keyboard navigation is
|
||||
still not available; text selection can't be disabled, leading to an
|
||||
ugly effect when walking through the month/year menus.</li>
|
||||
|
||||
<li>Ability to align the calendar relative to the input field (or any
|
||||
other element). Vertical: top, center, bottom. Horizontal: left,
|
||||
center, right. This is established as a new parameter for
|
||||
<tt>showAtElement</tt>.</li>
|
||||
|
||||
<li>Added <tt>dateClicked</tt> property (boolean). This can be
|
||||
inspected in the "onSelect" handler to determine if a date was
|
||||
really clicked or the user only changed month/year using the menus.
|
||||
You <em>need</em> to check this for "single-click" calendars and
|
||||
only close/hide the calendar if it's <tt>true</tt>.</li>
|
||||
|
||||
<li>Full documentation in <a href="doc/html/reference.html">HTML</a>
|
||||
and <a href="doc/reference.pdf">PDF</a> format is now available in the
|
||||
distribution archive.</li>
|
||||
|
||||
<li>New language definition files: HU, HR, PT, ZH. Thanks those who
|
||||
submitted!</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<h3>Bug status</h3>
|
||||
|
||||
<p>This covers only those bugs that have been reported <a
|
||||
href="http://sourceforge.net/projects/jscalendar" target="_blank"
|
||||
title="Project page at SourceForge">at SourceForge</a>.</p>
|
||||
|
||||
<ol>
|
||||
|
||||
<li><a href="http://sourceforge.net/tracker/index.php?func=detail&aid=703238&group_id=75569&atid=544285" target="_blank"
|
||||
title="Go to bug description at sourceforge"><tt>#703,238</tt></a> — fixed</li>
|
||||
<li><a href="http://sourceforge.net/tracker/index.php?func=detail&aid=703814&group_id=75569&atid=544285" target="_blank"
|
||||
title="Go to bug description at sourceforge"><tt>#703,814</tt></a> — fixed</li>
|
||||
<li><a href="http://sourceforge.net/tracker/index.php?func=detail&aid=716777&group_id=75569&atid=544285" target="_blank"
|
||||
title="Go to bug description at sourceforge"><tt>#716,777</tt></a> — closed (was fixed already in 0.9.2-1)</li>
|
||||
<li><a href="http://sourceforge.net/tracker/index.php?func=detail&aid=723335&group_id=75569&atid=544285" target="_blank"
|
||||
title="Go to bug description at sourceforge"><tt>#723,335</tt></a> — fixed</li>
|
||||
<li><a href="http://sourceforge.net/tracker/index.php?func=detail&aid=715122&group_id=75569&atid=544285" target="_blank"
|
||||
title="Go to bug description at sourceforge"><tt>#715,122</tt></a> — feature request; implemented.</li>
|
||||
<li><a href="http://sourceforge.net/tracker/index.php?func=detail&aid=721206&group_id=75569&atid=544285" target="_blank"
|
||||
title="Go to bug description at sourceforge"><tt>#721,206</tt></a> — fixed (added "refresh()" function)</li>
|
||||
<li><a href="http://sourceforge.net/tracker/index.php?func=detail&aid=721833&group_id=75569&atid=544285" target="_blank"
|
||||
title="Go to bug description at sourceforge"><tt>#721,833</tt></a> — fixed (bug concerning the "yy" format
|
||||
parsing)</li>
|
||||
<li><a href="http://sourceforge.net/tracker/index.php?func=detail&aid=721833&group_id=75569&atid=544285" target="_blank"
|
||||
title="Go to bug description at sourceforge"><tt>#721,833</tt></a> — won't fix (we won't set the time to
|
||||
midnight; time might actually be useful when we implement support
|
||||
for time selection).
|
||||
|
||||
</ol>
|
||||
|
||||
<hr />
|
||||
<address><a href="http://dynarch.com/mishoo/">Mihai Bazon</a></address>
|
||||
<!-- Created: Tue Jul 8 17:29:37 EEST 2003 -->
|
||||
<!-- hhmts start -->
|
||||
Last modified on Wed Oct 29 02:37:07 2003
|
||||
<!-- hhmts end -->
|
||||
<!-- doc-lang: English -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
241
www/extras/calendar/simple-1.html
Normal file
241
www/extras/calendar/simple-1.html
Normal file
|
|
@ -0,0 +1,241 @@
|
|||
<html style="background-color: buttonface; color: buttontext;">
|
||||
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/xml; charset=utf-8" />
|
||||
|
||||
<title>Simple calendar setups [popup calendar]</title>
|
||||
|
||||
<!-- calendar stylesheet -->
|
||||
<link rel="stylesheet" type="text/css" media="all" href="calendar-win2k-cold-1.css" title="win2k-cold-1" />
|
||||
|
||||
<!-- main calendar program -->
|
||||
<script type="text/javascript" src="calendar.js"></script>
|
||||
|
||||
<!-- language for the calendar -->
|
||||
<script type="text/javascript" src="lang/calendar-en.js"></script>
|
||||
|
||||
<!-- the following script defines the Calendar.setup helper function, which makes
|
||||
adding a calendar a matter of 1 or 2 lines of code. -->
|
||||
<script type="text/javascript" src="calendar-setup.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h2>DHTML Calendar — for the impatient</h2>
|
||||
|
||||
<blockquote>
|
||||
<p>
|
||||
This page lists some common setups for the popup calendar. In
|
||||
order to see how to do any of them please see the source of this
|
||||
page. For each example it's structured like this: there's the
|
||||
<form> that contains the input field, and following there is
|
||||
the JavaScript snippet that setups that form. An example of
|
||||
<em>flat</em> calendar is available in <a
|
||||
href="simple-2.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 />
|
||||
|
||||
<p><b>Basic setup: one input per calendar.</b> Clicking in the input field
|
||||
activates the calendar. The date format is "%m/%d/%Y %I:%M %p". The
|
||||
calendar defaults to "single-click mode".</p>
|
||||
|
||||
<p>The example below has been updated to show you how to create "linked"
|
||||
fields. Basically, when some field is filled with a date, the other
|
||||
is updated so that the difference between them remains one week. The
|
||||
property useful here is "onUpdate".</p>
|
||||
|
||||
<form action="#" method="get">
|
||||
<input type="text" name="date" id="f_date_a" />
|
||||
<input type="text" name="date" id="f_calcdate" />
|
||||
</form>
|
||||
|
||||
<script type="text/javascript">
|
||||
function catcalc(cal) {
|
||||
var date = cal.date;
|
||||
var time = date.getTime()
|
||||
// use the _other_ field
|
||||
var field = document.getElementById("f_calcdate");
|
||||
if (field == cal.params.inputField) {
|
||||
field = document.getElementById("f_date_a");
|
||||
time -= Date.WEEK; // substract one week
|
||||
} else {
|
||||
time += Date.WEEK; // add one week
|
||||
}
|
||||
var date2 = new Date(time);
|
||||
field.value = date2.print("%Y-%m-%d %H:%M");
|
||||
}
|
||||
Calendar.setup({
|
||||
inputField : "f_date_a", // id of the input field
|
||||
ifFormat : "%Y-%m-%d %H:%M", // format of the input field
|
||||
showsTime : true,
|
||||
timeFormat : "24",
|
||||
onUpdate : catcalc
|
||||
});
|
||||
Calendar.setup({
|
||||
inputField : "f_calcdate",
|
||||
ifFormat : "%Y-%m-%d %H:%M",
|
||||
showsTime : true,
|
||||
timeFormat : "24",
|
||||
onUpdate : catcalc
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<hr />
|
||||
|
||||
<p><b>Input field with a trigger button.</b> Clicking the button activates
|
||||
the calendar. Note that this one needs double-click (singleClick parameter
|
||||
is explicitely set to false).</p>
|
||||
|
||||
<form action="#" method="get">
|
||||
<input type="text" name="date" id="f_date_b" /><button type="reset" id="f_trigger_b">...</button>
|
||||
</form>
|
||||
|
||||
<script type="text/javascript">
|
||||
Calendar.setup({
|
||||
inputField : "f_date_b", // id of the input field
|
||||
ifFormat : "%m/%d/%Y %I:%M %p", // format of the input field
|
||||
showsTime : true, // will display a time selector
|
||||
button : "f_trigger_b", // trigger for the calendar (button ID)
|
||||
singleClick : false // double-click mode
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<hr />
|
||||
|
||||
<p><b>Input field with a trigger image.</b> Note that the Calendar.setup
|
||||
function doesn't care if the trigger is a button, image, or anything else.
|
||||
Also in this example we setup a different alignment, just to show how it's
|
||||
done. The input field is read-only (that is set from HTML).</p>
|
||||
|
||||
<form action="#" method="get">
|
||||
<table cellspacing="0" cellpadding="0" style="border-collapse: collapse"><tr>
|
||||
<td><input type="text" name="date" id="f_date_c" readonly="1" /></td>
|
||||
<td><img src="img.gif" id="f_trigger_c" style="cursor: pointer; border: 1px solid red;" title="Date selector"
|
||||
onmouseover="this.style.background='red';" onmouseout="this.style.background=''" /></td>
|
||||
</table>
|
||||
</form>
|
||||
|
||||
<script type="text/javascript">
|
||||
Calendar.setup({
|
||||
inputField : "f_date_c", // id of the input field
|
||||
ifFormat : "%B %e, %Y", // format of the input field
|
||||
button : "f_trigger_c", // trigger for the calendar (button ID)
|
||||
align : "Tl", // alignment (defaults to "Bl")
|
||||
singleClick : true
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<hr />
|
||||
|
||||
<p><b>Hidden field, display area.</b> The calendar now puts the date into 2
|
||||
elements: one is an input field of type "hidden"—so that the user
|
||||
can't directly see or modify it— and one is a <span> element in
|
||||
which the date is displayed. Note that if the trigger is not specified the
|
||||
calendar will use the displayArea (or inputField as in the first example).
|
||||
The display area can have it's own format. This is useful if, for instance,
|
||||
we need to store one format in the database (thus pass it in the input
|
||||
field) but we wanna show a friendlier format to the end-user.</p>
|
||||
|
||||
<form action="#" method="get" style="visibility: hidden">
|
||||
<input type="hidden" name="date" id="f_date_d" />
|
||||
</form>
|
||||
|
||||
<p>Your birthday:
|
||||
<span style="background-color: #ff8; cursor: default;"
|
||||
onmouseover="this.style.backgroundColor='#ff0';"
|
||||
onmouseout="this.style.backgroundColor='#ff8';"
|
||||
id="show_d"
|
||||
>Click to open date selector</span>.</p>
|
||||
|
||||
<script type="text/javascript">
|
||||
Calendar.setup({
|
||||
inputField : "f_date_d", // id of the input field
|
||||
ifFormat : "%Y/%d/%m", // format of the input field (even if hidden, this format will be honored)
|
||||
displayArea : "show_d", // ID of the span where the date is to be shown
|
||||
daFormat : "%A, %B %d, %Y",// format of the displayed date
|
||||
align : "Tl", // alignment (defaults to "Bl")
|
||||
singleClick : true
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<hr />
|
||||
|
||||
<p><b>Hidden field, display area, trigger image.</b> Very similar to the
|
||||
previous example. The difference is that we also have a trigger image.</p>
|
||||
|
||||
<form action="#" method="get" style="visibility: hidden">
|
||||
<input type="hidden" name="date" id="f_date_e" />
|
||||
</form>
|
||||
|
||||
<p>Your birthday: <span id="show_e">-- not entered --</span> <img
|
||||
src="img.gif" id="f_trigger_e" style="cursor: pointer; border: 1px solid
|
||||
red;" title="Date selector" onmouseover="this.style.background='red';"
|
||||
onmouseout="this.style.background=''" />.</p>
|
||||
|
||||
<script type="text/javascript">
|
||||
Calendar.setup({
|
||||
inputField : "f_date_e", // id of the input field
|
||||
ifFormat : "%Y/%d/%m", // format of the input field (even if hidden, this format will be honored)
|
||||
displayArea : "show_e", // ID of the span where the date is to be shown
|
||||
daFormat : "%A, %B %d, %Y",// format of the displayed date
|
||||
button : "f_trigger_e", // trigger button (well, IMG in our case)
|
||||
align : "Tl", // alignment (defaults to "Bl")
|
||||
singleClick : true
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<hr />
|
||||
|
||||
<p><b>Hidden field, display area.</b> Very much like the previous examples,
|
||||
but we now disable some dates (all weekends, that is, Saturdays and
|
||||
Sundays).</p>
|
||||
|
||||
<form action="#" method="get" style="visibility: hidden">
|
||||
<input type="hidden" name="date" id="f_date_f" />
|
||||
</form>
|
||||
|
||||
<p>Your birthday:
|
||||
<span style="background-color: #ff8; cursor: default;"
|
||||
onmouseover="this.style.backgroundColor='#ff0';"
|
||||
onmouseout="this.style.backgroundColor='#ff8';"
|
||||
id="show_f"
|
||||
>Click to open date selector</span>.</p>
|
||||
|
||||
<script type="text/javascript">
|
||||
Calendar.setup({
|
||||
inputField : "f_date_f", // id of the input field
|
||||
ifFormat : "%Y/%d/%m", // format of the input field (even if hidden, this format will be honored)
|
||||
displayArea : "show_f", // ID of the span where the date is to be shown
|
||||
daFormat : "%A, %B %d, %Y",// format of the displayed date
|
||||
align : "Tl", // alignment (defaults to "Bl")
|
||||
dateStatusFunc : function (date) { // disable weekend days (Saturdays == 6 and Subdays == 0)
|
||||
return (date.getDay() == 6 || date.getDay() == 0) ? true : false;
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
108
www/extras/calendar/simple-2.html
Normal file
108
www/extras/calendar/simple-2.html
Normal file
|
|
@ -0,0 +1,108 @@
|
|||
<html style="background-color: buttonface; color: buttontext;">
|
||||
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/xml; charset=utf-8" />
|
||||
|
||||
<title>Simple calendar setup [flat calendar]</title>
|
||||
|
||||
<!-- calendar stylesheet -->
|
||||
<link rel="stylesheet" type="text/css" media="all" href="calendar-win2k-cold-1.css" title="win2k-cold-1" />
|
||||
|
||||
<!-- main calendar program -->
|
||||
<script type="text/javascript" src="calendar.js"></script>
|
||||
|
||||
<!-- language for the calendar -->
|
||||
<script type="text/javascript" src="lang/calendar-en.js"></script>
|
||||
|
||||
<!-- the following script defines the Calendar.setup helper function, which makes
|
||||
adding a calendar a matter of 1 or 2 lines of code. -->
|
||||
<script type="text/javascript" src="calendar-setup.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h2>DHTML Calendar — 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 />
|
||||
|
||||
<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>
|
||||
|
||||
<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
|
||||
><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></pre>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
130
www/extras/calendar/simple-3.html
Normal file
130
www/extras/calendar/simple-3.html
Normal file
|
|
@ -0,0 +1,130 @@
|
|||
<html style="background-color: buttonface; color: buttontext;">
|
||||
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/xml; charset=utf-8" />
|
||||
|
||||
<title>Simple calendar setup [flat calendar]</title>
|
||||
|
||||
<!-- calendar stylesheet -->
|
||||
<link rel="stylesheet" type="text/css" media="all" href="calendar-win2k-cold-1.css" title="win2k-cold-1" />
|
||||
|
||||
<!-- main calendar program -->
|
||||
<script type="text/javascript" src="calendar.js"></script>
|
||||
|
||||
<!-- language for the calendar -->
|
||||
<script type="text/javascript" src="lang/calendar-en.js"></script>
|
||||
|
||||
<!-- the following script defines the Calendar.setup helper function, which makes
|
||||
adding a calendar a matter of 1 or 2 lines of code. -->
|
||||
<script type="text/javascript" src="calendar-setup.js"></script>
|
||||
|
||||
<style type="text/css">
|
||||
.special { background-color: #000; color: #fff; }
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h2>DHTML Calendar — 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 />
|
||||
|
||||
<div style="float: right; margin-left: 1em; margin-bottom: 1em;"
|
||||
id="calendar-container"></div>
|
||||
|
||||
<script type="text/javascript">
|
||||
var SPECIAL_DAYS = {
|
||||
0 : [ 13, 24 ], // special days in January
|
||||
2 : [ 1, 6, 8, 12, 18 ], // special days in March
|
||||
8 : [ 21, 11 ] // special days in September
|
||||
};
|
||||
|
||||
function dateIsSpecial(year, month, day) {
|
||||
var m = SPECIAL_DAYS[month];
|
||||
if (!m) return false;
|
||||
for (var i in m) if (m[i] == day) return true;
|
||||
return false;
|
||||
};
|
||||
|
||||
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
|
||||
dateStatusFunc : function(date, y, m, d) {
|
||||
if (dateIsSpecial(y, m, d)) return "special";
|
||||
else return false; // other dates are enabled
|
||||
// return true if you want to disable other dates
|
||||
}
|
||||
}
|
||||
);
|
||||
</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
|
||||
><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></pre>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
330
www/extras/calendar/simple-4.html
Normal file
330
www/extras/calendar/simple-4.html
Normal file
|
|
@ -0,0 +1,330 @@
|
|||
<html style="background-color: buttonface; color: buttontext;">
|
||||
|
||||
<head>
|
||||
|
||||
<title>Simple calendar setups [popup calendar]</title>
|
||||
|
||||
<!-- calendar stylesheet -->
|
||||
<link rel="stylesheet" type="text/css" media="all" href="calendar-win2k-cold-1.css" title="win2k-cold-1" />
|
||||
|
||||
<!-- main calendar program -->
|
||||
<script type="text/javascript" src="calendar.js"></script>
|
||||
|
||||
<!-- language for the calendar -->
|
||||
<script type="text/javascript" src="lang/calendar-en.js"></script>
|
||||
|
||||
<!-- the following script defines the Calendar.setup helper function, which makes
|
||||
adding a calendar a matter of 1 or 2 lines of code. -->
|
||||
<script type="text/javascript" src="calendar-setup.js"></script>
|
||||
|
||||
<script language="JavaScript">
|
||||
function rightAlign(div,offset){
|
||||
if(typeof div=='string'){div=document.getElementById(div)}
|
||||
if(isNaN(offset)){offset=0}
|
||||
div.style.left=document.body.clientWidth-parseInt(div.offsetWidth)+offset;
|
||||
}
|
||||
function stretchRight(div,offset){
|
||||
if(typeof div=='string'){div=document.getElementById(div)}
|
||||
if(isNaN(offset)){offset=0}
|
||||
if(document.body.clientWidth-parseInt(div.offsetLeft)+offset>=0){
|
||||
div.style.width=document.body.clientWidth-parseInt(div.offsetLeft)+offset;
|
||||
}
|
||||
}
|
||||
function stretchBottom(div,offset){
|
||||
if(typeof div=='string'){div=document.getElementById(div)}
|
||||
if(isNaN(offset)){offset=0}
|
||||
if(document.body.clientHeight-parseInt(div.offsetTop)+offset>=0){
|
||||
div.style.height=document.body.clientHeight-parseInt(div.offsetTop)+offset;
|
||||
}
|
||||
}
|
||||
function toggleHelp(){
|
||||
dh=document.getElementById('divHelp');
|
||||
if(dh.style.visibility=='visible'){
|
||||
dh.style.visibility='hidden';
|
||||
stretchRight('divMenu');
|
||||
stretchRight('divContent');
|
||||
}else{
|
||||
rightAlign('divHelp');
|
||||
stretchRight('divMenu',-200);
|
||||
stretchRight('divContent',-200);
|
||||
dh.style.visibility='visible';
|
||||
}
|
||||
var txt = "<table>";
|
||||
var object = document.getElementById("divContent");
|
||||
for (var i in object) {
|
||||
switch (typeof object[i]) {
|
||||
case "string":
|
||||
case "number":
|
||||
if (i != "innerHTML")
|
||||
txt += "<tr><td>" + i + "</td><td>" + object[i] + "</td></tr>";
|
||||
break;
|
||||
}
|
||||
}
|
||||
dh.innerHTML = txt + "</table>";
|
||||
}
|
||||
function adjustDivs(){
|
||||
dh=document.getElementById('divHelp');
|
||||
if(dh.style.visibility=='visible'){
|
||||
rightAlign('divHelp');
|
||||
stretchRight('divMenu',-200);
|
||||
stretchRight('divContent',-200);
|
||||
}else{
|
||||
stretchRight('divMenu');
|
||||
stretchRight('divContent');
|
||||
}
|
||||
stretchBottom('divContent');
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
#divContent{
|
||||
position:absolute;
|
||||
width:100%;
|
||||
height:100%;
|
||||
overflow:auto;
|
||||
top: 30px;
|
||||
}
|
||||
#divMenu{
|
||||
position: absolute;
|
||||
left:0px;
|
||||
top:0px;
|
||||
text-align: right;
|
||||
background-color: #cccccc;
|
||||
width:100%;
|
||||
height:30px;
|
||||
}
|
||||
#divHelp{
|
||||
position:absolute;
|
||||
width:200px;
|
||||
height:100%;
|
||||
background-color:#ffffcc;
|
||||
visibility:hidden;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body scroll=no leftmargin=0 topmargin=0 marginwidth=0 marginheight=0 onload="adjustDivs()" onresize="adjustDivs()">
|
||||
<div id="divMenu"><a href="javascript:void(0)" onclick="toggleHelp();return false">Toggle console</a></div>
|
||||
<div id="divContent">
|
||||
|
||||
<h2>DHTML Calendar — for the impatient</h2>
|
||||
|
||||
<blockquote>
|
||||
<p>
|
||||
This page lists some common setups for the popup calendar. In
|
||||
order to see how to do any of them please see the source of this
|
||||
page. For each example it's structured like this: there's the
|
||||
<form> that contains the input field, and following there is
|
||||
the JavaScript snippet that setups that form. An example of
|
||||
<em>flat</em> calendar is available in <a
|
||||
href="simple-2.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 />
|
||||
|
||||
<p><b>Basic setup: one input per calendar.</b> Clicking in the input field
|
||||
activates the calendar. The date format is "%m/%d/%Y %I:%M %p". The
|
||||
calendar defaults to "single-click mode".</p>
|
||||
|
||||
<p>The example below has been updated to show you how to create "linked"
|
||||
fields. Basically, when some field is filled with a date, the other
|
||||
is updated so that the difference between them remains one week. The
|
||||
property useful here is "onUpdate".</p>
|
||||
|
||||
<form action="#" method="get">
|
||||
<input type="text" name="date" id="f_date_a" />
|
||||
<input type="text" name="date" id="f_calcdate" />
|
||||
</form>
|
||||
|
||||
<script type="text/javascript">
|
||||
function catcalc(cal) {
|
||||
var date = cal.date;
|
||||
var time = date.getTime()
|
||||
// use the _other_ field
|
||||
var field = document.getElementById("f_calcdate");
|
||||
if (field == cal.params.inputField) {
|
||||
field = document.getElementById("f_date_a");
|
||||
time -= Date.WEEK; // substract one week
|
||||
} else {
|
||||
time += Date.WEEK; // add one week
|
||||
}
|
||||
var date2 = new Date(time);
|
||||
field.value = date2.print("%Y-%m-%d %H:%M");
|
||||
}
|
||||
Calendar.setup({
|
||||
inputField : "f_date_a", // id of the input field
|
||||
ifFormat : "%Y-%m-%d %H:%M", // format of the input field
|
||||
showsTime : true,
|
||||
timeFormat : "24",
|
||||
onUpdate : catcalc
|
||||
});
|
||||
Calendar.setup({
|
||||
inputField : "f_calcdate",
|
||||
ifFormat : "%Y-%m-%d %H:%M",
|
||||
showsTime : true,
|
||||
timeFormat : "24",
|
||||
onUpdate : catcalc
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<hr />
|
||||
|
||||
<p><b>Input field with a trigger button.</b> Clicking the button activates
|
||||
the calendar. Note that this one needs double-click (singleClick parameter
|
||||
is explicitely set to false).</p>
|
||||
|
||||
<form action="#" method="get">
|
||||
<input type="text" name="date" id="f_date_b" /><button type="reset" id="f_trigger_b">...</button>
|
||||
</form>
|
||||
|
||||
<script type="text/javascript">
|
||||
Calendar.setup({
|
||||
inputField : "f_date_b", // id of the input field
|
||||
ifFormat : "%m/%d/%Y %I:%M %p", // format of the input field
|
||||
showsTime : true, // will display a time selector
|
||||
button : "f_trigger_b", // trigger for the calendar (button ID)
|
||||
singleClick : false // double-click mode
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<hr />
|
||||
|
||||
<p><b>Input field with a trigger image.</b> Note that the Calendar.setup
|
||||
function doesn't care if the trigger is a button, image, or anything else.
|
||||
Also in this example we setup a different alignment, just to show how it's
|
||||
done. The input field is read-only (that is set from HTML).</p>
|
||||
|
||||
<form action="#" method="get">
|
||||
<table cellspacing="0" cellpadding="0" style="border-collapse: collapse"><tr>
|
||||
<td><input type="text" name="date" id="f_date_c" readonly="1" /></td>
|
||||
<td><img src="img.gif" id="f_trigger_c" style="cursor: pointer; border: 1px solid red;" title="Date selector"
|
||||
onmouseover="this.style.background='red';" onmouseout="this.style.background=''" /></td>
|
||||
</table>
|
||||
</form>
|
||||
|
||||
<script type="text/javascript">
|
||||
Calendar.setup({
|
||||
inputField : "f_date_c", // id of the input field
|
||||
ifFormat : "%B %e, %Y", // format of the input field
|
||||
button : "f_trigger_c", // trigger for the calendar (button ID)
|
||||
align : "Tl", // alignment (defaults to "Bl")
|
||||
singleClick : true
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<hr />
|
||||
|
||||
<p><b>Hidden field, display area.</b> The calendar now puts the date into 2
|
||||
elements: one is an input field of type "hidden"—so that the user
|
||||
can't directly see or modify it— and one is a <span> element in
|
||||
which the date is displayed. Note that if the trigger is not specified the
|
||||
calendar will use the displayArea (or inputField as in the first example).
|
||||
The display area can have it's own format. This is useful if, for instance,
|
||||
we need to store one format in the database (thus pass it in the input
|
||||
field) but we wanna show a friendlier format to the end-user.</p>
|
||||
|
||||
<form action="#" method="get" style="visibility: hidden">
|
||||
<input type="hidden" name="date" id="f_date_d" />
|
||||
</form>
|
||||
|
||||
<p>Your birthday:
|
||||
<span style="background-color: #ff8; cursor: default;"
|
||||
onmouseover="this.style.backgroundColor='#ff0';"
|
||||
onmouseout="this.style.backgroundColor='#ff8';"
|
||||
id="show_d"
|
||||
>Click to open date selector</span>.</p>
|
||||
|
||||
<script type="text/javascript">
|
||||
Calendar.setup({
|
||||
inputField : "f_date_d", // id of the input field
|
||||
ifFormat : "%Y/%d/%m", // format of the input field (even if hidden, this format will be honored)
|
||||
displayArea : "show_d", // ID of the span where the date is to be shown
|
||||
daFormat : "%A, %B %d, %Y",// format of the displayed date
|
||||
align : "Tl", // alignment (defaults to "Bl")
|
||||
singleClick : true
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<hr />
|
||||
|
||||
<p><b>Hidden field, display area, trigger image.</b> Very similar to the
|
||||
previous example. The difference is that we also have a trigger image.</p>
|
||||
|
||||
<form action="#" method="get" style="visibility: hidden">
|
||||
<input type="hidden" name="date" id="f_date_e" />
|
||||
</form>
|
||||
|
||||
<p>Your birthday: <span id="show_e">-- not entered --</span> <img
|
||||
src="img.gif" id="f_trigger_e" style="cursor: pointer; border: 1px solid
|
||||
red;" title="Date selector" onmouseover="this.style.background='red';"
|
||||
onmouseout="this.style.background=''" />.</p>
|
||||
|
||||
<script type="text/javascript">
|
||||
Calendar.setup({
|
||||
inputField : "f_date_e", // id of the input field
|
||||
ifFormat : "%Y/%d/%m", // format of the input field (even if hidden, this format will be honored)
|
||||
displayArea : "show_e", // ID of the span where the date is to be shown
|
||||
daFormat : "%A, %B %d, %Y",// format of the displayed date
|
||||
button : "f_trigger_e", // trigger button (well, IMG in our case)
|
||||
align : "Tl", // alignment (defaults to "Bl")
|
||||
singleClick : true
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<hr />
|
||||
|
||||
<p><b>Hidden field, display area.</b> Very much like the previous examples,
|
||||
but we now disable some dates (all weekends, that is, Saturdays and
|
||||
Sundays).</p>
|
||||
|
||||
<form action="#" method="get" style="visibility: hidden">
|
||||
<input type="hidden" name="date" id="f_date_f" />
|
||||
</form>
|
||||
|
||||
<p>Your birthday:
|
||||
<span style="background-color: #ff8; cursor: default;"
|
||||
onmouseover="this.style.backgroundColor='#ff0';"
|
||||
onmouseout="this.style.backgroundColor='#ff8';"
|
||||
id="show_f"
|
||||
>Click to open date selector</span>.</p>
|
||||
|
||||
<script type="text/javascript">
|
||||
Calendar.setup({
|
||||
inputField : "f_date_f", // id of the input field
|
||||
ifFormat : "%Y/%d/%m", // format of the input field (even if hidden, this format will be honored)
|
||||
displayArea : "show_f", // ID of the span where the date is to be shown
|
||||
daFormat : "%A, %B %d, %Y",// format of the displayed date
|
||||
align : "Tl", // alignment (defaults to "Bl")
|
||||
dateStatusFunc : function (date) { // disable weekend days (Saturdays == 6 and Subdays == 0)
|
||||
return (date.getDay() == 6 || date.getDay() == 0) ? true : false;
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
<div id="divHelp">
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue