»
EnglishFrenchVietnamese

Print - Date Picker script - JavaScriptBank.com

Full version: jsB@nk » Time » Calendar » Date Picker script
URL: https://www.javascriptbank.com/date-picker-script-index.html

Date Picker script © JavaScriptBank.comDate 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.

Full version: jsB@nk » Time » Calendar » Date Picker script
URL: https://www.javascriptbank.com/date-picker-script-index.html



JavaScript
<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-->


HTML
<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-->


Files
http://javascriptbank.com/javascript/time/Date_Picker_script/overLib.jshttp://javascriptbank.com/javascript/time/Date_Picker_script/overlib_mini.jshttp://javascriptbank.com/javascript/time/Date_Picker_script/sc.gif