file : day.htc
<PUBLIC:COMPONENT tagName="DAY">
<PROPERTY NAME="value"/>
<ATTACH EVENT="oncontentready" ONEVENT="fnInit()"/>
</PUBLIC:COMPONENT>
<STYLE>
.clsDay { width:50;
height:50;
background-color:lightyellow;
align:center;
}
</STYLE>
<SCRIPT>
function fnInit()
{
document.body.innerText = element.value;
document.body.className = "clsDay";
defaults.viewLink = document;
}
function fnShowAppts()
{
alert("Show appointments for day " + element.value + "!");
}
</SCRIPT>
<BODY onclick="fnShowAppts()">
</BODY>
</HTML>
===========================================
file : day.html
<HTML XMLNS:DN>
<HEAD>
<?IMPORT namespace="DN" IMPLEMENTATION="day.htc"/>
<PUBLIC:COMPONENT tagName="CALENDAR">
<ATTACH EVENT="oncontentready" ONEVENT="fnInit()"/>
</PUBLIC:COMPONENT>
<SCRIPT>
function fnInit()
{
defaults.viewLink = document;
}
</SCRIPT>
<STYLE>
TD { text-align:center;
border:solid 1px;
cell-padding:2;
cell-spacing:2;
width:50;
height:50;
}
</STYLE>
</HEAD>
<BODY>
<TABLE STYLE="border:solid 1px; cell-padding:2; cell-spacing:2;">
<TR>
<TH>Sun</TH>
<TH>Mon</TH>
<TH>Tue</TH>
<TH>Wed</TH>
<TH>Thu</TH>
<TH>Fri</TH>
<TH>Sat</TH>
</TR>
<TR>
<TD><DN:DAY value="1"/></TD>
<TD><DN:DAY value="2"/></TD>
<TD><DN:DAY value="3"/></TD>
<TD><DN:DAY value="4"/></TD>
<TD><DN:DAY value="5"/></TD>
<TD><DN:DAY value="6"/></TD>
<TD><DN:DAY value="7"/></TD>
</TR>
<TR>
<TD><DN:DAY value="8"/></TD>
<TD><DN:DAY value="9"/></TD>
<TD><DN:DAY value="10"/></TD>
<TD><DN:DAY value="11"/></TD>
<TD><DN:DAY value="12"/></TD>
<TD><DN:DAY value="13"/></TD>
<TD><DN:DAY value="14"/></TD>
</TR>
<TR>
<TD><DN:DAY value="15"/></TD>
<TD><DN:DAY value="16"/></TD>
<TD><DN:DAY value="17"/></TD>
<TD><DN:DAY value="18"/></TD>
<TD><DN:DAY value="19"/></TD>
<TD><DN:DAY value="20"/></TD>
<TD><DN:DAY value="21"/></TD>
</TR>
<TR>
<TD><DN:DAY value="22"/></TD>
<TD><DN:DAY value="23"/></TD>
<TD><DN:DAY value="24"/></TD>
<TD><DN:DAY value="25"/></TD>
<TD><DN:DAY value="26"/></TD>
<TD><DN:DAY value="27"/></TD>
<TD><DN:DAY value="28"/></TD>
</TR>
<TR>
<TD><DN:DAY value="29"/></TD>
<TD><DN:DAY value="30"/></TD>
<TD><DN:DAY value="31"/></TD>
</TR>
</TABLE>
</BODY>
</HTML>
Tidak ada komentar:
Posting Komentar