« »

Date Picker provides a pop-up calendar in a dynamically populated DIV. It combines the original date-picker script by Kedar R. Bhave and the overlib library by Erik Bosrup. This method is an improvement over using a pop-up window, since so many people are installing software to suppress the annoying pop-up windows generating for advertising.

Label: Date Picker script

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Code
Files
JavaScript
HTML
Print

Copy All x2

<script language="JavaScript" src="overLib.js"></script>
<script language="JavaScript" src="overlib_mini.js"></script>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<div id="overDiv" style="position: absolute; visibility: hidden; z-index: 1000;"></div>
<p>Pop-up calendar sample page:</p>
<form name="sample" method="post" action="popupcalsample.html">
	<p>Beginning date: <input type="text" name="T1" size="20">&nbsp;&nbsp;
	<!-- ggPosX and ggPosY not set, so popup will autolocate to the right of the graphic -->
	<a href="javascript:show_calendar('sample.T1');" onmouseover="window.status='Date Picker'; overlib('Click here to choose a date from a one month pop-up calendar.'); return true;" onmouseout="window.status=''; nd(); return true;"><img src="sc.gif" width="24" height="22" border="0"></a>
	</p>
	<p>Ending date:&nbsp;&nbsp;&nbsp;&nbsp; <input type="text" name="T2" size="20">&nbsp;&nbsp;

	<!-- ggPosX and ggPosY are set, so popup goes where you tell it -->
	<a href="javascript:ggPosX=5;ggPosY=200;show_yearly_calendar('sample.T2');" onmouseover="window.status='Date Picker'; overlib('Click here to choose a date from a full year pop-up calendar.'); return true;" onmouseout="window.status=''; nd(); return true;"><img src="sc.gif" width="24" height="22" border="0"></a>
	</p>
	<p><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset" name="B2"></p>
</form>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->