Comments on: Javascript: Pop up DHTML calendar using CSS

By: chuava

chuava — Tue, 05 Jan 2010 14:55:55 +0000

Very nice calendar! Saved me a lot time in coding my ERP project

By: Mcs

Mcs — Tue, 20 Oct 2009 12:56:44 +0000

Works in IE+Opera+Firefox+Safari

that’s what i looked

THANXXXXX)))))

By: chicas rubias

chicas rubias — Sun, 19 Jul 2009 00:16:00 +0000

nice! i’m gonna make my own blog

By: miss cassandra

miss cassandra — Thu, 02 Apr 2009 14:48:20 +0000

I was having problems with another calendar + IE7 ... I found yours and want to say THANKS!!! I'm in the US, so I did need to change the date format. Replace line 200 of ezcalendar.js with the following:

getID("cell"+r+c).href = "javascript:setDateValue('" + formatNumber(calendarDate.getMonth()+1) + dateSeparator + formatNumber(calendarDate.getDate()) + dateSeparator + calendarDate.getFullYear() + "')";

makes the date mm/dd/yyyy ... hope it helps anyone else looking for the easy solution - thanks again! :)

By: weenaak

weenaak — Fri, 05 Dec 2008 17:08:31 +0000

I love the calendar, thanks! I have added some code to move the calendar if it falls off the page... place this code in the showCalendar function after x and y have been defined. You must also define calendarWidth and calendarHeight before this code. You have to define them based on the number of rows and cols in the table, and the widths, heights, margins and borders in the css.

// Move the calendar if it falls off the page
var pageWidth = 0;
var pageHeight = 0;
if (typeof( window.innerWidth ) == 'number' ) {
	//Non-IE
	pageWidth = window.innerWidth;
	pageHeight = window.innerHeight;
} else if( document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight) ) {
	//IE 6+ in 'standards compliant mode'
	pageWidth = document.documentElement.clientWidth;
	pageHeight = document.documentElement.clientHeight;
} else if( document.body && (document.body.clientWidth || document.body.clientHeight) ) {
	//IE 4 compatible
	pageWidth = document.body.clientWidth;
	pageHeight = document.body.clientHeight;
}
if(x+calendarWidth > pageWidth) x = pageWidth - calendarWidth;
if(y+calendarHeight > pageHeight) y = pageHeight - calendarHeight - 5; // subtract 5 because of the y+5 in the next line