Popup Calendar 1.0 - DHTML Lab | 14
Pop-up Calendar 1.0
It's been a while since we published a DHTML widget here at DHTML Lab. And yes, the Web has quite a few popup calendars already in use.
What it doesn't have is the DHTML Lab Popup Calendar.
Some of the features of the DHTML Lab Popup Calendar that make it unique:
Popup calendars can be included in your web pages using a custom HTML tag and attributes, in three easy steps
The calendar element dimensions are specified in relative units, conforming to accessibility requirements. If the user changes the browser text size, the calendar follows suit.
Any date format is accepted for date display in associate input element. Most calendars offer US and European formats only with set delimiters. You can specify any delimiter and any ordering of date-month-year.
User date selection can be limited by specifying start and dates that can be displayed and navigated to.
This first version of the DHTML Lab Popup Calendar works only in a Windows environment in Internet Explorer, Netscape, Mozilla and Opera, in the versions listed below
|0.9 + ( except for 0.9.3 )|
Future versions will include support for other platforms and browsers. We believed this to be a good start to get the widget out there and working.
The tradition here at DHTML Lab is to discuss scripts on a statement-by-statement basis. We are a "lab" site, after all. This first article is quite long, outlining as it does, the many customization options available. Therefore, there is no space for a script discussion.
We will describe the script statements in a future article, probably after we expand our browser support.
This article contains several live examples of the DHTML Lab Popup Calendar, beginning on the next page.
Many thanks to my friend and colleague Andrew Galloni, who outlined some of the math behind the logic required to navigate the calendar months and years, and showed me a more elegant way to script it.
All the files needed for using the DHTML Lab Popup Calendar, including a sample page are included in a downloadable ZIP file:
Let's get started by looking at page inclusion of the DHTML Lab Popup Calendar
Produced by Peter Belesis andCreated: July 20, 2004
Revised: July 20, 2004