CGI-WebToolkit
view release on metacpan or search on metacpan
t/private/templates/core/subsubheadline.html
t/private/workflows/core/combine/css.pl
t/private/workflows/core/combine/javascript.pl
t/private/workflows/core/default.pl
t/private/workflows/core/error.pl
t/private/workflows/test/form_simple.pl
t/private/workflows/test/form_simple_process.pl
t/private/workflows/test/home.pl
t/private/workflows/test/jsdraw.pl
t/private/workflows/test/no_guests.pl
t/public/core/datepicker/calendar.png
t/public/core/datepicker/clock.png
t/public/core/jscolor/arrow.gif
t/public/core/jscolor/cross.gif
t/public/core/jscolor/hs.png
t/public/core/jscolor/hv.png
t/public/core/tigra_slider_control/blueh_bg.gif
t/public/core/tigra_slider_control/blueh_sl.gif
t/public/core/tigra_slider_control/bluev_bg.gif
t/public/core/tigra_slider_control/bluev_sl.gif
t/public/core/tigra_slider_control/equalizer.gif
t/private/javascripts/datepicker.js view on Meta::CPAN
/*
* Control.DatePicker
*
* Transforms an ordinary input textbox into an interactive date picker.
* When the textbox is clicked (or the down arrow is pressed), a calendar
* appears that the user can browse through and select a date.
*
* Features:
* - Allows user to specify a date format
* - Easy to localize
* - Customizable by CSS
*
* Written and maintained by Jeremy Jongsma (jeremy@jongsma.org)
*/
if (window.Control == undefined) Control = {};
t/private/javascripts/datepicker.js view on Meta::CPAN
this.datepicker = null;
this.originalValue = null;
this.hideTimeout = null;
if (this.options.icon) {
var cont = new Element('div', {'style': 'position: relative;'});
this.element.parentNode.replaceChild(cont, this.element);
cont.appendChild(this.element);
this.icon = new Element('img', {'src': this.options.icon, 'title': this.tr('Open calendar'), 'className': 'inputExtension'});
var padding = this.options.padding;
if (!padding) {
// No icon padding specified, default to 3px and calculate
// dynamically on image load
padding = 3;
Event.observe(this.icon, 'load', function() {
padding = parseInt(this.element.offsetHeight - this.icon.offsetHeight) / 2;
var right = (this.element.offsetParent.offsetWidth - (this.element.offsetLeft + this.element.offsetWidth) + padding) + 'px';
Element.setStyle(this.icon, {'right': right, 'top': padding + 'px'});
t/private/javascripts/datepicker.js view on Meta::CPAN
'es': {
months: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Augosto', 'Septiembre', 'Octubre', 'Novimbre', 'Diciembre'],
days: ['Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sa'],
strings: {
'Now': 'Ahora',
'Today': 'Hoy',
'Time': 'Hora',
'Exact minutes': 'Minuto exacto',
'Select Date and Time': 'Selecciona Dia y Hora',
'Select Time': 'Selecciona Hora',
'Open calendar': 'Abre calendario'
}
},
'de': {
months: ['Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember'],
days: ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'],
strings: {
'Now': 'Jetzt',
'Today': 'Heute',
'Time': 'Zeit',
'Exact minutes': 'Exakte minuten',
'Select Date and Time': 'Zeit und Datum Auswählen',
'Select Time': 'Zeit Auswählen',
'Open calendar': 'Kalender öffnen'
}
}
};
Control.DatePickerPanel = Class.create();
Object.extend(Control.DatePickerPanel.prototype, {
initialize: function(options) {
this.i18n = new Control.DatePicker.i18n(options && options.locale ? options.locale : 'en_US');
options = this.i18n.inheritOptions(options);
this.options = Object.extend({
t/private/javascripts/datepicker.js view on Meta::CPAN
weekend: [0,6],
months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
days: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']
}, options || {});
// Make sure first weekday is in the correct range
with (this.options)
if (isNaN(firstWeekDay*1)) firstWeekDay = 0;
else firstWeekDay = firstWeekDay % 7;
this.keysCaptured = false;
this.calendarCont = null;
this.currentDate = this.options.date ? this.options.date : new Date();
this.dayOfWeek = 0;
this.minInterval = 5;
this.selectedDay = null;
this.selectedHour = null;
this.selectedMinute = null;
this.selectedAmPm = null;
this.currentDays = [];
t/private/javascripts/datepicker.js view on Meta::CPAN
this.amCell = null;
this.pmCell = null;
this.element = this.createPicker();
this.selectDate(this.currentDate);
},
createPicker: function() {
var elt = document.createElement('div');
elt.style.position = 'absolute';
elt.className = this.options.className;
this.calendarCont = this.drawCalendar(elt, this.currentDate);
Event.observe(elt, 'click', this.clickHandler.bindAsEventListener(this));
Event.observe(elt, 'dblclick', this.dblClickHandler.bindAsEventListener(this));
this.documentKeyListener = this.keyHandler.bindAsEventListener(this);
if (this.options.captureKeys)
this.captureKeys();
return elt;
},
tr: function(str) {
t/private/javascripts/datepicker.js view on Meta::CPAN
},
releaseKeys: function() {
Event.stopObserving(document, 'keydown', this.documentKeyListener, true);
this.keysCaptured = false;
},
setDate: function(date) {
if (date) {
// Clear container
while (this.element.firstChild)
this.element.removeChild(this.element.firstChild);
this.calendarCont = this.drawCalendar(this.element, date);
}
},
drawCalendar: function(container, date) {
var calCont = container;
if (!this.options.datePicker) {
var calTable = document.createElement('table');
calTable.cellSpacing = 0;
calTable.cellPadding = 0;
calTable.border = 0;
} else {
t/private/javascripts/datepicker.js view on Meta::CPAN
}
row = null;
var workDate = new Date(date.getFullYear(), date.getMonth(), 1);
var day = workDate.getDay();
var j = 0;
// Pad with previous month
if (day != this.options.firstWeekDay) {
row = calTable.insertRow(rows++);
row.className = 'calendarRow';
workDate.setDate(workDate.getDate() - ((day - this.options.firstWeekDay + 7) % 7));
day = workDate.getDay();
while (workDate.getMonth() != date.getMonth()) {
cell = row.insertCell(row.cells.length);
this.assignDayClasses(cell, 'dayothermonth', workDate);
cell.innerHTML = workDate.getDate();
cell.onclick = this.dateClickedListener(workDate);
workDate.setDate(workDate.getDate() + 1);
day = workDate.getDay();
}
}
// Display days
while (workDate.getMonth() == date.getMonth()) {
if (day == this.options.firstWeekDay) {
row = calTable.insertRow(rows++);
row.className = 'calendarRow';
}
cell = row.insertCell(row.cells.length);
this.assignDayClasses(cell, 'day', workDate);
cell.innerHTML = workDate.getDate();
cell.onclick = this.dateClickedListener(workDate);
this.currentDays[workDate.getDate()] = cell;
workDate.setDate(workDate.getDate() + 1);
day = workDate.getDay();
}
t/private/templates/core/form/date.html view on Meta::CPAN
<dd class="info">
{info}
</dd>
<dd><input class="form_datetime" type="text" name="{name}" id="js_{name}" value="{content}"/></dd>
{clear}
</dl>
<script language="javascript">
Event.observe(window, 'load', function () {
var DatePicker_{name} =
new Control.DatePicker('js_{name}', {
icon: '{public_url}/core/datepicker/calendar.png',
datePicker: true,
timePicker: false,
timePickerAdjacent: false,
use24hrs: true,
locale: 'en_US'
/* onSelect: A function to call when the user selects
a date. The date object is passed as a parameter.
onHover: A function to call when the active date
changes (when using keyboard navigation).
The date object is passed as a parameter. */
t/private/templates/core/form/datetime.html view on Meta::CPAN
</dd>
<dd>
<input class="form_datetime" type="text" name="{name}" id="js_{name}" value="{content}"/>
</dd>
{clear}
</dl>
<script language="javascript">
Event.observe(window, 'load', function () {
var DatePicker_{name} =
new Control.DatePicker('js_{name}', {
icon: '{public_url}/core/datepicker/calendar.png',
datePicker: true,
timePicker: true,
timePickerAdjacent: false,
use24hrs: true,
locale: 'en_US'
/* onSelect: A function to call when the user selects
a date. The date object is passed as a parameter.
onHover: A function to call when the active date
changes (when using keyboard navigation).
The date object is passed as a parameter. */
( run in 0.880 second using v1.01-cache-2.11-cpan-39bf76dae61 )