WebmasterLingo
Windows 2003, cPanel & DirectAdmin Unix Web Hosting

Go Back   WebmasterLingo > Programming Corner
User Name
Password

Reply
 
Thread Tools Search this Thread Rate Thread Display Modes
Old June 28th, 2004, 04:00 AM   #1
Fabolous05
Registered User
 
Join Date: Jun 2004
Location: Surrey, BC
Posts: 184
Fabolous05 is off the scale
Tutorial : Nice Calendar

Download:
http://members.shaw.ca/designs604/c...asiccalendar.js

then create a html in same directory as .js file

Insert this code into <head> </head> tags

Code:
<style type="text/css"> .main { width:200px; border:1px solid black; } .month { background-color:black; font:bold 12px verdana; color:white; } .daysofweek { background-color:gray; font:bold 12px verdana; color:white; } .days { font-size: 12px; font-family:verdana; color:black; background-color: lightyellow; padding: 2px; } .days #today{ font-weight: bold; color: red; } </style> <script type="text/javascript" src="basiccalendar.js"> </script>




then just insert this code where you want to see the calendar,
Code:
<script type="text/javascript"> var todaydate=new Date() var curmonth=todaydate.getMonth()+1 //get current month (1-12) var curyear=todaydate.getFullYear() //get current year document.write(buildCal(curmonth ,curyear, "main", "month", "daysofweek", "days", 1)); </script>


you can view it in action at
http://members.shaw.ca/designs604/calendar/

-Fabolous05
Good luck!
__________________
Fabo@VolantaStudios.com
Head Designer
Volantà Studios
Fabolous05 is offline   Reply With Quote
Reply


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



All times are GMT -5. The time now is 01:47 PM.

Windows 2003, cPanel & DirectAdmin Unix Web Hosting