|
EXAMPLE
1) Insert this code in the <HEAD> section of the page.
2) Download
this ZIP file with the spiffyCal.js and the
spiffyCal.css files and unzip into the appropriate directory. The ZIP file also contains the images used in the popup
calendar.
3) Insert this call in the <BODY> section where you want the
popup calendar control to appear in the page.
4) Insert the following HTML code right after the <BODY> tag:
5) Define the path to the images in these
lines of code in the spiffyCal.js file:
img_Del.src="calendar_files/btn_del_small_gif";
img_Close.src="calendar_files/btn_close_small_gif";
and a little bit further down inside the Function spiffyCalManager
():
this.DefBtnImgPath='calendar_files/';
6) Define the path to the cursor image in these
lines of code (4 of them) in the spiffyCal.css file:
cursor: url(calendar_files/spiffycal.cur);
Don't forget to define the path to the script files in the
<HEAD> section:
<link rel="stylesheet" type="text/css"
href="calendar_files/spiffyCal.css">
<script language="JavaScript" src="calendar_files/spiffyCal.js"></script>
For more details on the popup
calendar control script you can visit Bazillyo's
web site.
|
