Originally Posted By: bking
This post was automatically imported from our archived forum.
Joe,
the calendar on my site is a feature within Webstudio 4.0 that uses javascript to keep the image updated with the current date.
here is the html, good luck. In webstudio it is just a drag and drop thing that is really easy.
<DIV ID="SGROBJ7D4C41E10301B2031" STYLE=" position:absolute; top:972px; left:19px; width:234px; height:60px; z-index:8;">
<IMG SRC="Cost_for_Inspection/IMAG006.JPG" WIDTH=234 HEIGHT=60 BORDER=0>
</DIV>
<DIV ID="HTMOBJ7D4C619E20101A50" STYLE=" position:absolute; top:1545px; left:309px; width:229px; height:181px; z-index:9;">
<SCRIPT LANGUAGE="JavaScript">
<!--
function montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11)
{
this[0] = m0;
this[1] = m1;
this[2] = m2;
this[3] = m3;
this[4] = m4;
this[5] = m5;
this[6] = m6;
this[7] = m7;
this[8] = m8;
this[9] = m9;
this[10] = m10;
this[11] = m11;
}
function calendar()
{
var monthNames = "JanFebMarAprMayJunJulAugSepOctNovDec";
var today = new Date();
var thisDay;
var monthDays = new montharr(31, 28, 31, 30, 31, 30, 31, 31, 30,
31, 30, 31);
year = today.getYear();
if (year <= 200)
year += 1900;
thisDay = today.getDate();
if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0))
monthDays[1] = 29;
nDays = monthDays[today.getMonth()];
firstDay = today;
firstDay.setDate(1); // works fine for most systems
testMe = firstDay.getDate();
if (testMe == 2)
firstDay.setDate(0);
startDay = firstDay.getDay();
document.writeln("<CENTER>");
document.write("<TABLE BORDER='1' BGCOLOR=White>");
document.write("<TR><TH COLSPAN=7>");
document.write(monthNames.substring(today.getMonth() * 3,
(today.getMonth() + 1) * 3));
document.write(". ");
document.write(year);
document.write("<TR><TH>Sun<TH>Mon<TH>Tue<TH>Wed<TH>Thu<TH>Fri<TH>Sat");
document.write("<TR>");
column = 0;
for (i=0; i<startDay; i++)
{
document.write("<TD>");
column++;
}
for (i=1; i<=nDays; i++)
{
document.write("<TD>");
if (i == thisDay)
document.write("<FONT COLOR=\"#FF0000\">")
document.write(i);
if (i == thisDay)
document.write("</FONT>")
column++;
if (column == 7)
{
document.write("<TR>");
column = 0;
}
}
document.write("</TABLE>");
document.writeln("</CENTER>");
}
calendar();
// -->
</SCRIPT>
</DIV>
<DIV ID="SGROBJ7D510101333A2611" STYLE=" position:absolute; top:80px; left:39px; width:200px; height:133px; z-index:10;">
<IMG SRC="Cost_for_Inspection/IMAG007.JPG" WIDTH=200 HEIGHT=133 BORDER=0>
</DIV>
</BODY>
</HTML>
--
www.BAKingHomeInspections.com