Ó
*/
var HeaderElement = document.createElement('DIV');
HeaderElement.className = "encabezado estirar";
var NameElement = document.createElement('A');
NameElement.className = 'boton_cambiar_fecha';
NameElement.href = 'javascript:void(0);';
NameElement.innerHTML = 'Buscar otra fecha';
NameElement.title = 'Cerrar';
NameElement.onclick = function() {
calendarDiv.style.display = 'none';
}
if ( sectionTitle ) {
var SectionElement = document.createElement('DIV');
SectionElement.innerHTML = sectionTitle
SectionElement.className = "seccion";
}
var CloseElement = document.createElement('a');
CloseElement.className = "cerrar";
CloseElement.href = "javascript:void(0);"
CloseElement.title = 'Cerrar';
CloseElement.onclick = function() {
calendarDiv.style.display = 'none';
}
HeaderElement.appendChild(NameElement);
if ( sectionTitle )
HeaderElement.appendChild(SectionElement);
HeaderElement.appendChild(CloseElement);
/*
* The Selection Container
*/
var SelectionContainer = document.createElement('DIV');
SelectionContainer.className = "contenedor_eleccion estirar";
// day selection
var DaySelection = document.createElement('DIV');
DaySelection.className = "eleccion_dia estirar";
// DropDown
DropDownContainer = createDropDownContainer();
// Calendar
CalContainer = createCalContainer(currentDate[1], currentDate[2], currentDate[0]);
DaySelection.appendChild(DropDownContainer);
DaySelection.appendChild(CalContainer);
SelectionContainer.appendChild(DaySelection);
calendarDiv.appendChild(HeaderElement);
calendarDiv.appendChild(SelectionContainer);
} // create
function createDropDownContainer() {
var DropDownContainerElement = document.createElement('div');
DropDownContainerElement.className = "contenedor_desplegables";
DropDownContainerElement.CalObj = this;
// The text
var ParagrapghElement = document.createElement('p');
ParagrapghElement.innerHTML = "Utiliza el calendario o los desplegables para seleccionar el día al que quieras acceder";
DropDownContainerElement.appendChild(ParagrapghElement);
// The year
var SelectYearElement = document.createElement('select');
SelectYearElement.onchange = function () { changeYear(SelectYearElement.value) };
fillYearSelect(SelectYearElement);
DropDownContainerElement.SelectYear = SelectYearElement;
DropDownContainerElement.appendChild(SelectYearElement);
// The month
var SelectMonthElement = document.createElement('select');
SelectMonthElement.onchange = function () { changeMonth(SelectMonthElement.value) };
SelectMonthElement.innerHTML = '';
SelectMonthElement.className = 'inactivo';
SelectMonthElement.disabled = true;
DropDownContainerElement.SelectMonth = SelectMonthElement;
DropDownContainerElement.appendChild(SelectMonthElement);
// The Day
var SelectDayElement = document.createElement('select');
SelectDayElement.onchange = function () { changeDaySelect(SelectDayElement.value) };
SelectDayElement.innerHTML = '';
SelectDayElement.className = 'inactivo';
SelectDayElement.disabled = true;
DropDownContainerElement.SelectDay = SelectDayElement;
DropDownContainerElement.appendChild(SelectDayElement);
return DropDownContainerElement;
} // createDropDownContainer
function fillDaySelect(obj) {
OptionElement = document.createElement('option');
OptionElement.innerHTML = "Elige día";
OptionElement.selected = true;
obj.appendChild(OptionElement);
var TodayVal = parseInt( today[2] + ('0' + today[1]).substr(-2,2) + ('0'+today[0]).substr(-2,2) );
var FirstVal = parseInt( first[2] + ('0' + first[1]).substr(-2,2) + ('0'+first[0]).substr(-2,2) );
var day;
for ( day = numDaysMonth[currentDate[1]]; day >= 1; day-- ) {
var CurVal = parseInt( currentDate[2] + ('0' + currentDate[1]).substr(-2,2) + ('0' + day).substr(-2,2) );
if ( TodayVal < CurVal ) continue;
if ( FirstVal > CurVal ) continue;
OptionElement = document.createElement('option');
OptionElement.value = day;
OptionElement.innerHTML = day;
obj.appendChild(OptionElement);
}
} // fillDaySelect
function fillMonthSelect(obj) {
OptionElement = document.createElement('option');
OptionElement.innerHTML = "Elige mes";
OptionElement.selected = true;
OptionElement.value = 0;
obj.appendChild(OptionElement);
var TodayVal = parseInt( today[2] + ('0' + today[1]).substr(-2,2) );
var FirstVal = parseInt( first[2] + ('0' + first[1]).substr(-2,2) );
var month;
for ( month = 12; month >= 1; month-- ) {
var CurVal = (month < 10)? '0' : '';
CurVal = parseInt(currentDate[2]+CurVal+month);
if ( TodayVal < CurVal ) continue;
if ( FirstVal > CurVal ) continue;
OptionElement = document.createElement('option');
OptionElement.value = month;
OptionElement.innerHTML = monthNames[month];
obj.appendChild(OptionElement);
}
} // fillMonthSelect
function fillYearSelect(obj) {
OptionElement = document.createElement('option');
OptionElement.innerHTML = "Elige año";
OptionElement.selected = true;
OptionElement.value = 0;
obj.appendChild(OptionElement);
var year;
for ( year = today[2]; year >= first[2]; year-- ) {
OptionElement = document.createElement('option');
OptionElement.value = year;
OptionElement.innerHTML = year;
obj.appendChild(OptionElement);
}
} // fillYearSelect
function leapYear(year) {
if ( ( year % 400 ) == 0 )
return 1;
if ( ( year % 100 ) == 0 )
return 0;
if ( ( year % 4 ) == 0 )
return 1;
return 0;
} // leapYear
function next() {
if ( currentDate[1] == 12 ) {
currentDate[1] = 1;
currentDate[2]++;
numDaysMonth[2] = 28 + leapYear(currentDate[2]);
} else {
currentDate[1]++;
}
var _CalContainer = createCalContainer(currentDate[1], currentDate[2]);
var parentObj = CalContainer.parentNode;
parentObj.removeChild(CalContainer);
parentObj.appendChild(_CalContainer);
CalContainer = _CalContainer;
} // next
function prev() {
if ( currentDate[1] == 1 ) {
currentDate[1] = 12;
currentDate[2] -= 1;
numDaysMonth[2] = 28 + leapYear(currentDate[2]);
} else {
currentDate[1] -= 1;
}
var _CalContainer = createCalContainer(currentDate[1], currentDate[2]);
var parentObj = CalContainer.parentNode;
parentObj.removeChild(CalContainer);
parentObj.appendChild(_CalContainer);
CalContainer = _CalContainer;
} // prev
/*
*
* Execute code
*
*/
// Lets create the HTML for the calendarDiv
create();
callerElement.onclick = function() { calendarDiv.style.display = 'block'; };
} // EPETTagCalendar
-->