6. Enjoy!
Demo:
http://www.geocites.com/wrong_move18/calendar
Note:
Please do not remove this comment or just acknowledge the author.
Thank You!
************************************************************/
var browser = navigator.appName;
var cur = new Date();
var dragging = false;
var hDist = 0;
var vDist = 0;
var prevT = 0;
var prevL = 0;
/*
function trim(str){
tmp = str.substr(0,1);
while (tmp == " "){
str = str.substr(1, str.length - 1);
tmp = str.substr(0,1);
}
tmp = str.substr(str.length - 1,1);
while (tmp == " "){
str = str.substr(0, str.length - 1);
tmp = str.substr(str.length - 1,1);
}
return str;
}
*/
function getCoords(e){
if (document.layers){
xCoord = e.x;
yCoord = e.y;
}else if (document.all){
xCoord = event.clientX;
yCoord = event.clientY;
}else if (document.getElementById){
xCoord = e.clientX;
yCoord = e.clientY;
}
try{
hDist = xCoord - parseInt(document.getElementById(CALENDAR.divID).style.left);
vDist = yCoord - parseInt(document.getElementById(CALENDAR.divID).style.top);
if (((vDist<20)&&(vDist>0))&&((hDist<190)&&(hDist>0)))
dragging = true;
}catch(err){}
}
function stopDrag(){
dragging = false;
try{
prevT = document.getElementById(CALENDAR.divID).style.top;
prevL = document.getElementById(CALENDAR.divID).style.left;
}catch(err){}
}
function dragNow(e){
if (dragging){
if (document.layers){
xCoord = e.x;
yCoord = e.y;
}else if (document.all){
xCoord = event.clientX;
yCoord = event.clientY;
}else if (document.getElementById){
xCoord = e.clientX;
yCoord = e.clientY;
}
var w,h;
if (self.innerHeight) // all except Explorer
{
w = self.innerWidth;
h = self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientHeight)
// Explorer 6 Strict Mode
{
w = document.documentElement.clientWidth;
h = document.documentElement.clientHeight;
}
else if (document.body) // other Explorers
{
w = document.body.clientWidth;
h = document.body.clientHeight;
}
var maxLeft, maxTop;
maxLeft = w - 150;
maxTop = h - 140;
leftX = xCoord - hDist;
topY = yCoord - vDist;
if (leftX<0) leftX=0;
if (topY<0) topY=0;
if (leftX>maxLeft) leftX=maxLeft;
if (topY>maxTop) topY=maxTop;
document.getElementById(CALENDAR.divID).style.left = leftX;
document.getElementById(CALENDAR.divID).style.top = topY;
}
}
CALENDAR = {
divID : "",
outputTo : "",
mSet : -1,
dSet : -1,
ySet : -1,
start : cur.getFullYear(),
years : 5,
delimiter : "-",
createCalendar : function(){
var calendar = "";
//calendar += "";
document.getElementById(this.divID).style.display = 'block';
document.getElementById(this.divID).innerHTML = calendar;
},
setYears : function(yStart, yCount){
this.start = parseInt(yStart);
this.years = parseInt(yCount);
},
init : function(dID, saveTo, otherCal){
try{
if(otherCal!=undefined){
if(otherCal.constructor == Array){
for(var i=0 in otherCal){
if(otherCal[i]!=dID){
this.divID = otherCal[i];
CALENDAR.hide();
}
}
}
else if(otherCal==''){
}
else{
this.divID = 'cal_'+otherCal;
CALENDAR.hide();
}
}
} catch(err){}
this.divID = dID;
this.outputTo = saveTo;
var styleIT = document.getElementById(this.divID).style;
styleIT.position = 'absolute';
styleIT.zIndex = '32';
//styleIT.top = prevT;
//styleIT.left = prevL;
styleIT.width = '150px';
var data = document.getElementById(this.outputTo).value;
this.ySet = -1;
this.mSet = -1;
this.dSet = -1;
if(trim(data) != ""){
this.delimiter = (data.indexOf('-') == -1)?(data.indexOf('/') == -1)?"":"/":"-";
var tmp = new Array();
if(this.delimiter != ""){
tmp = data.split(this.delimiter);
if(tmp[0].length == 4) try{this.ySet=parseInt(+tmp[0])}catch(err){};
if((tmp[1].length == 1) || (tmp[1].length == 2)) try{this.mSet=parseInt(+tmp[1])}catch(err){};
if((tmp[2].length == 1) || (tmp[2].length == 2)) try{this.dSet=parseInt(+tmp[2])}catch(err){};
}
}
this.createCalendar();
this.loadMonths();
this.loadYears();
this.loadDays();
},
loadMonths : function(){
var mon = Array("JANUARY", "FEBRUARY", "MARCH", "APRIL", "MAY", "JUNE", "JULY", "AUGUST", "SEPTEMBER", "OCTOBER", "NOVEMBER", "DECEMBER");
//var monthSel = document.cal.mn.options;
var monthSel = doc('mn').options;
var selected = "";
monthSel.length = 0;
for(i=0; i<12; i++){
selected = (parseInt(this.mSet-1) == i)?"selected":"";
monthSel[monthSel.length] = new Option(mon[i], i ,selected);
}
for(i=0; i<12; i++){
if(monthSel[i].value == parseInt(this.mSet -1))
monthSel[i].selected = "selected";
}
},
loadYears : function(){
//var yearSel = document.cal.yr.options;
var yearSel = doc('yr').options;
var selected = "";
yearSel.length = 0;
for(i=parseInt(this.start); i