Popup Calendar 1.0 - DHTML Lab | 7

This element is usually an image, but it could be any HTML element. The dlcalendar.zip download includes five images that you can use, or create your own.

	filename: dlcalendar_1.gif width: 20 height: 15
	filename: dlcalendar_2.gif width: 13 height: 13
	filename: dlcalendar_3.gif width: 20 height: 15
	filename: dlcalendar_4.gif width: 20 height: 15
	filename: dlcalendar_5.gif width: 15 height: 14

For a popup calendar spawned from a non-image element, click here.

If you want to display the date in an input element, then the input element must also be defined. For example:

<dlcalendar click_element_id="img_flightdeparture"
            input_element_id="input_flightdeparture"
            tool_tip="Click to choose flight departure date"></dlcalendar>

<input type="text" id="input_flightdeparture">
<img id="img_flightdeparture" src="dlcalendar_2.gif" height="13" width="13" alt="calendar">

3. Include the external dlcalendar.js script in your page.

The script must be included at the end of your page, preferably just before the closing body tag. Like so:

<script src="dlcalendar.js type="text/javascript" language="javascript">
</body>
</html>

The popup calendar accepts many attributes making customization easy.