These are simpler versions of my HTML calendars, they use basic tool tips not javascript tooltips, simply because they just do not work with every layout (including mine!) So anyway copy the code in the text box below and put it after your <head> tag...you only have to do this once.

<script type="text/javascript">
    <!--//<![CDATA[
    function displayDate()
    {
        today = new Date();
        strWeekday = today.getDay();
        strToday = today.getDate();
        strMonth = today.getMonth();
        strYear = today.getYear();

// Correct Year for year 2000+
        if (strYear < 1000)
            strYear += 1900;

// Get WeekDay
        switch(strWeekday)
        {
            case 0:
                strWeekday = "Sunday";
                break;
            case 1:
                strWeekday = "Monday";
                break;
            case 2:
                strWeekday = "Tuesday";
                break;
            case 3:
                strWeekday = "Wednesday";
                break;
            case 4:
                strWeekday = "Thursday";
                break;
            case 5:
                strWeekday = "Friday";
                break;
            case 6:
                strWeekday = "Saturday";
                break;
        }
    
        // Get Month
        switch(strMonth)
        {
            case 0:
                strMonth = "Jan"
                break;
            case 1:
                strMonth = "Feb"
                break;
            case 2:
                strMonth = "Mar"
                break;
            case 3:
                strMonth = "Apr"
                break;
            case 4:
                strMonth = "May"
                break;
            case 5:
                strMonth = "Jun"
                break;
            case 6:
                strMonth = "Jul"
                break;
            case 7:
                strMonth = "Aug"
                break;
            case 8:
                strMonth = "Sept"
                break;
            case 9:
                strMonth = "Oct"
                break;
            case 10:
                strMonth = "Nov"
                break;
            case 11:
                strMonth = "Dec"
                break;
        }

document.write (strWeekday + " " + strToday + " " + strMonth + " " + strYear);
    }
    //]]>-->
    </script>

<style>
.header{
font-weight:bold;
font-size:7pt;
font-family:verdana;
color:white;
background:#39ADFF;
border-bottom:1pt solid #0997FB}

.footer{
font-weight:bold;
font-size:7pt;
font-family:verdana;
color:white;
background:#93D1FD;
border-top:1pt solid #0997FB}

.border{
font-size:7pt;
color: #0997FB;
font-family:verdana;
background:white;
border:1pt solid #0997FB}

</style>

This contains the javascript for today's date and the CSS for the calendar. Once you have pasted this, edit the CSS down the bottom where it says  Then simply choose a calendar below, with the correct month on and paste it where you want it to show on your page you will find the following css classes:

.header{ changes the look of the days
.footer{ changes the look of the tooltip, Month, and today's date
.border{ changes the look of the main part of the calendars with the days on and the colour of the calendars border...if you want a border

Now everytime you want a new calendar you only have to paste the recent calendar code over the old calendar code