Location: PHPKode > projects > Basic Announce > Basic Announce Version 4.0/modules/datagrid/modules/calendar/calendar.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
<head>
<title>Calendar - Set Date/Time</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />        

<style>
body {font-size: 11px;}
table {font-size: 11px;}
td {font-size: 11px;}
a {display:block;  width:15px; background: transparent; color: #72705b; text-decoration: none; }
a:hover {display:block; width:15px; background: #ffcc33; color: #000000; text-decoration: none;  font-weight: bold;}
a.bottom {display:block;  width:24px; height:14px; background: transparent; color: #72705b; text-decoration: none; }
a.bottom:hover {display:block; width:24px; height:14px; background: #ffcc33; color: #000000; text-decoration: none;  font-weight: bold;}
.selected {display:block; width:24px; background: #ff8822; font-color: #ffcc33; }
.calendar {padding:0px; margin:0px;}
</style>

<script type="text/javascript" language="javascript">

/**
 * Last modofied: 26/10/2007
 * Modify from controls when the "NULL" checkbox is selected
 *
 * @param   string   the MySQL field type
 * @param   string   the urlencoded field name
 * @param   string   the md5 hashed field name
 * @return  boolean  always true
 */
function nullify(theType, urlField, md5Field, multi_edit)
{
    var rowForm = document.forms['insertForm'];

    if (typeof(rowForm.elements['funcs' + multi_edit + '[' + urlField + ']']) != 'undefined') {
        rowForm.elements['funcs' + multi_edit + '[' + urlField + ']'].selectedIndex = -1;
    }

    // "SET" field , "ENUM" field with more than 20 characters
    // or foreign key field
    if (theType == 1 || theType == 3 || theType == 4) {
        rowForm.elements['field_' + md5Field + multi_edit + '[]'].selectedIndex = -1;
    }
    // Other "ENUM" field
    else if (theType == 2) {
        var elts     = rowForm.elements['field_' + md5Field + multi_edit + '[]'];
        // when there is just one option in ENUM:
        if (elts.checked) {
            elts.checked = false;
        } else {
            var elts_cnt = elts.length;
            for (var i = 0; i < elts_cnt; i++ ) {
                elts[i].checked = false;
            } // end for

        } // end if
    }
    // Other field types
    else /*if (theType == 5)*/ {
        rowForm.elements['fields' + multi_edit + '[' + urlField + ']'].value = '';
    } // end if... else if... else

    return true;
} // end of the 'nullify()' function


/**
 * Unchecks the "NULL" control when a function has been selected or a value
 * entered
 *
 * @param   string   the urlencoded field name
 *
 * @return  boolean  always true
 */
function unNullify(urlField, multi_edit)
{
    var rowForm = document.forms['insertForm'];

    if (typeof(rowForm.elements['fields_null[multi_edit][' + multi_edit + '][' + urlField + ']']) != 'undefined') {
        rowForm.elements['fields_null[multi_edit][' + multi_edit + '][' + urlField + ']'].checked = false
    } // end if

    if (typeof(rowForm.elements['insert_ignore_' + multi_edit]) != 'undefined') {
        rowForm.elements['insert_ignore_' + multi_edit].checked = false
    } // end if

    return true;
} // end of the 'unNullify()' function

var day;
var month;
var year;
var hour;
var minute;
var second;
var clock_set = 0;


/**
 * Formats number to two digits.
 *
 * @param   int number to format.
 * @param   string type of number
 */
function formatNum2(i, valtype) {
    f = (i < 10 ? '0' : '') + i;
    if (valtype && valtype != '') {
        switch(valtype) {
            case 'month':
                f = (f > 12 ? 12 : f);
                break;

            case 'day':
                f = (f > 31 ? 31 : f);
                break;

            case 'hour':
                f = (f > 24 ? 24 : f);
                break;

            default:
            case 'second':
            case 'minute':
                f = (f > 59 ? 59 : f);
                break;
        }
    }

    return f;
}

/**
 * Formats number to two digits.
 *
 * @param   int number to format.
 * @param   int default value
 * @param   string type of number
 */
function formatNum2d(i, default_v, valtype) {
    i = parseInt(i, 10);
    if (isNaN(i)) return default_v;
    return formatNum2(i, valtype)
}

/**
 * Formats number to four digits.
 *
 * @param   int number to format.
 */
function formatNum4(i) {
    i = parseInt(i, 10)
    return (i < 1000 ? i < 100 ? i < 10 ? '000' : '00' : '0' : '') + i;
}

/**
 * Initializes calendar window.
 */
function initCalendar() {

    if (!year && !month && !day) {
        /* Called for first time */
        if (window.opener.dateField.value) {
            value = window.opener.dateField.value;
            if (window.opener.dateType == 'datetimedmy' || window.opener.dateType == 'datetime'
                || window.opener.dateType == 'date'     || window.opener.dateType == 'datedmy'
                || window.opener.dateType == 'datemdy' ) {

                if (window.opener.dateType == 'datetime' || window.opener.dateType == 'datetimedmy') {
                    parts   = value.split(' ');
                    value   = parts[0];
                    if (parts[1]) {
                        time    = parts[1].split(':');
                        hour    = parseInt(time[0],10);
                        minute  = parseInt(time[1],10);
                        second  = parseInt(time[2],10);
                    }
                }
                if (window.opener.dateType == 'datedmy'  || window.opener.dateType == 'datetimedmy') {
                    date        = value.split("-");
                    day         = parseInt(date[0],10);
                    month       = parseInt(date[1],10) - 1;
                    year        = parseInt(date[2],10);
                } else if(window.opener.dateType == 'datemdy') {
                    date        = value.split("-");
                    day         = parseInt(date[1],10);
                    month       = parseInt(date[0],10);
                    year        = parseInt(date[2],10);
                } else {
                    date        = value.split("-");
                    day         = parseInt(date[2],10);
                    month       = parseInt(date[1],10) - 1;
                    year        = parseInt(date[0],10);
                }
            } else if (window.opener.dateType == 'time') {
                    hour        = parseInt(value.substr(0,2),10);
                    minute      = parseInt(value.substr(3,2),10);
                    second      = parseInt(value.substr(6,2),10);
            } else {
                if (window.opener.dateType == 'datedmy' || window.opener.dateType == 'datetimedmy' ) {
                    year        = parseInt(value.substr(4,4),10);
                    month       = parseInt(value.substr(1,2),10) - 1;
                    day         = parseInt(value.substr(0,2),10);
                    hour        = parseInt(value.substr(8,2),10);
                    minute      = parseInt(value.substr(10,2),10);
                    second      = parseInt(value.substr(12,2),10);
                } else {
                    year        = parseInt(value.substr(0,4),10);
                    month       = parseInt(value.substr(4,2),10) - 1;
                    day         = parseInt(value.substr(6,2),10);
                    hour        = parseInt(value.substr(8,2),10);
                    minute      = parseInt(value.substr(10,2),10);
                    second      = parseInt(value.substr(12,2),10);
                }
            }

        }
        if (isNaN(year) || isNaN(month) || isNaN(day) || day == 0) {
            dt      = new Date();
            year    = dt.getFullYear();
            month   = dt.getMonth();
            day     = dt.getDate();
        }
        if (isNaN(hour) || isNaN(minute) || isNaN(second)) {
            dt      = new Date();
            hour    = dt.getHours();
            minute  = dt.getMinutes();
            second  = dt.getSeconds();
        }
    } else {
        /* Moving in calendar */
        if (month > 11) {
            month = 0;
            year++;
        }
        if (month < 0) {
            month = 11;
            year--;
        }
    }

    if (document.getElementById) {
        cnt = document.getElementById("calendar_data");
    } else if (document.all) {
        cnt = document.all["calendar_data"];
    }

    cnt.innerHTML = "";

    str = ""

    //heading table
    str += '<form method="NONE" onsubmit="return 0">';
    str += '<table class="calendar" align="center" border=0><tr><th>';
    str += '<a href="javascript:month--; initCalendar();">&laquo;</a></th><th>';
    str += '<select id="select_month" name="monthsel" onchange="month = parseInt(document.getElementById(\'select_month\').value); initCalendar();">';
    for (i =0; i < 12; i++) {
        if (i == month) selected = ' selected="selected"';
        else selected = '';
        str += '<option value="' + i + '" ' + selected + '>' + month_names[i] + '</option>';
    }
    str += '</select></th><th valign="center">';
    str += '<a href="javascript:month++; initCalendar();">&raquo;</a>';
    str += '</th><th>';
    str += '<a href="javascript:year--; initCalendar();">&laquo;</a></th><th>';
    str += '<select id="select_year" name="yearsel" onchange="year = parseInt(document.getElementById(\'select_year\').value); initCalendar();">';
    for (i = year - 65; i < year + 25; i++) {
        if (i == year) selected = ' selected="selected"';
        else selected = '';
        str += '<option value="' + i + '" ' + selected + '>' + i + '</option>';
    }
    str += '</select></th><th>';
    str += '<a href="javascript:year++; initCalendar();">&raquo;</a>';
    str += '</th></tr></table>';
    str += '</form>';

    str += '<table class="calendar" border="0" align="center"><tr>';
    for (i = 0; i < 7; i++) {
        str += "<th>" + day_names[i] + "</th>";
    }
    str += "</tr>";

    var firstDay = new Date(year, month, 1).getDay();
    var lastDay = new Date(year, month + 1, 0).getDate();

    str += "<tr>";

    dayInWeek = 0;
    for (i = 0; i < firstDay; i++) {
        str += "<td>&nbsp;</td>";
        dayInWeek++;
    }


    for (i = 1; i <= lastDay; i++) {
        if (dayInWeek == 7) {
            str += "</tr><tr>";
            dayInWeek = 0;
        }

        dispmonth = 1 + month;
        
        if (window.opener.dateType == 'datetimedmy' || window.opener.dateType == 'datetime' || window.opener.dateType == 'date' || window.opener.dateType == 'datedmy' || window.opener.dateType == 'datemdy') {
            if (window.opener.dateType == 'datedmy' || window.opener.dateType == 'datetimedmy') {
                actVal = "" + formatNum2(i, 'day') + "-" + formatNum2(dispmonth, 'month') + "-" + formatNum4(year);
            } else if (window.opener.dateType == 'datemdy') {
                actVal = "" + formatNum2(dispmonth, 'month') + "-" + formatNum2(i, 'day') + "-" + formatNum4(year);
            } else {
                actVal = "" + formatNum4(year) + "-" + formatNum2(dispmonth, 'month') + "-" + formatNum2(i, 'day');
            }        
        } else {
            if (window.opener.dateType == 'datedmy' || window.opener.dateType == 'datetimedmy') {
                actVal = "" + formatNum2(i, 'day') + formatNum2(dispmonth, 'month') + formatNum4(year);
            } else {
                actVal = "" + formatNum4(year) + formatNum2(dispmonth, 'month') + formatNum2(i, 'day');
            }
        }

        if (i == day) {
            style = ' class="selected"';
            current_date = actVal;
        } else {
            style = '';
        }
        str += "<td" + style + " align='center'><a class='bottom' href=\"javascript:returnDate('" + actVal + "');\">" + i + "</a></td>"
        dayInWeek++;
    }
    for (i = dayInWeek; i < 7; i++) {
        str += "<td>&nbsp;</td>";
    }

    str += "</tr></table>";

    if (window.opener.dateType != 'time') {
        cnt.innerHTML = str;
    }

    // Should we handle time also?
    if ((window.opener.dateType != 'datemdy' && window.opener.dateType != 'date' && window.opener.dateType != 'datedmy') && !clock_set) {

        if (document.getElementById) {
            cnt = document.getElementById("clock_data");
        } else if (document.all) {
            cnt = document.all["clock_data"];
        }

        str = '';
        init_hour = hour;
        init_minute = minute;
        init_second = second;
        str += '<form method="NONE" class="clock" onsubmit="returnDate(\'' + current_date + '\')">';
        str += '<table align="center" border="0" cellpadding="0" cellspacing="0"><tr>';
        str += '<td valign="middle"><input id="hour"    type="text" size="2" maxlength="2" title="hour" onblur="this.value=formatNum2d(this.value, init_hour, \'hour\'); init_hour = this.value;" value="' + formatNum2(hour, 'hour') + '" /></td><td valign="middle">&nbsp;:&nbsp;</td>';
        str += '<td valign="middle"><input id="minute"  type="text" size="2" maxlength="2" title="minute" onblur="this.value=formatNum2d(this.value, init_minute, \'minute\'); init_minute = this.value;" value="' + formatNum2(minute, 'minute') + '" /></td><td valign="middle">&nbsp;:&nbsp;</td>';
        str += '<td valign="middle"><input id="second"  type="text" size="2" maxlength="2" title="second" onblur="this.value=formatNum2d(this.value, init_second, \'second\'); init_second = this.value;" value="' + formatNum2(second, 'second') + '" /></td><td valign="middle">&nbsp;</td>';
        str += '<td valign="middle"><input type="submit" value="' + submit_text + '"/></td>';
        str += '</tr></table>';
        str += '</form>';        

        cnt.innerHTML = str;
        clock_set = 1;
    }

}

/** Returns date from calendar.  @param   string     date text */
function returnDate(d) {
    txt = d;
    if (window.opener.dateType != 'date' && window.opener.dateType != 'datedmy' && window.opener.dateType != 'datemdy') {

        // need to get time
        h = parseInt(document.getElementById('hour').value,10);
        m = parseInt(document.getElementById('minute').value,10);
        s = parseInt(document.getElementById('second').value,10);
        if (window.opener.dateType == 'datetime' || window.opener.dateType == 'datetimedmy') {
            txt += ' ' + formatNum2(h, 'hour') + ':' + formatNum2(m, 'minute') + ':' + formatNum2(s, 'second');
        } else if (window.opener.dateType == 'time') {
            txt = formatNum2(h, 'hour') + ':' + formatNum2(m, 'minute') + ':' + formatNum2(s, 'second');
        } else {
            // timestamp
            txt += formatNum2(h, 'hour') + formatNum2(m, 'minute') + formatNum2(s, 'second');
        }
    }
    window.opener.dateField.value = txt;
    window.close();
}

</script>
<script type="text/javascript" language="javascript">
//<![CDATA[

var month_names = new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
var day_names = new Array("Sun","Mon","Tue","Wed","Thu","Fri","Sat");
//var month_names = new Array("Ene","Feb","Mar","Abr","May","Jun","Jul","Ago","Sep","Oct","Nov","Dic");
//var day_names = new Array("Dom","Lun","Mar","Mie","Jue","Vie","Sab");
var submit_text = "OK";


//]]>
</script>

</head>
<body onload="initCalendar();">
<div id="calendar_data"></div>
<div id="clock_data"></div>
</body>
</html>
Return current item: Basic Announce