无标题文档
Web DesignHTML組件HTML COMPONENTS之六
<head> <title>Calendar Example</title> <?IMPORT
NAMESPACE="MYCAL" IMPLEMENTATION="calendar.htc"/> </HEAD> <BODY>
<P>Click a day in the calendar to add or modify your schedule.</P>
<MYCAL:CALENDAR></MYCAL:CALENDAR> </BODY> </HTML>
===CALENDAR HTC===
<HEAD> <?IMPORT NAMESPACE="ANYDAY"
IMPLEMENTATION="day.htc"/> <?IMPORT NAMESPACE="TODAY"
IMPLEMENTATION="today.htc"/> <PUBLIC:COMPONENT tagName="CALENDAR">
<ATTACH EVENT="oncontentready" ONEVENT="fnInit()"/>
</PUBLIC:COMPONENT> <SCRIPT LANGUAGE="javascript"> <!-- function
fnInit() { defaults.viewLink = document; } // --> </SCRIPT>
<STYLE> TD { background-color:tan; width:50; height:50; } </STYLE>
</HEAD> <BODY> <SCRIPT LANGUAGE="javascript"> <!-- //
Copyright 1997 -- Tomer Shiran setCal(); function leapYear(year) { if (year % 4
== 0) {// basic rule return true; // is leap year } /* else */ // else not
needed when statement is "return" return false; // is not leap year } function
getDays(month, year) { // create array to hold number of days in each month var
ar = new Array(12); ar[0] = 31; // January ar[1] = (leapYear(year)) ? 29 : 28;
// February ar[2] = 31; // March ar[3] = 30; // April ar[4] = 31; // May ar[5] =
30; // June ar[6] = 31; // July ar[7] = 31; // August ar[8] = 30; // September
ar[9] = 31; // October ar[10] = 30; // November ar[11] = 31; // December //
return number of days in the specified month (parameter) return ar[month]; }
function getMonthName(month) { // create array to hold name of each month var ar
= new Array(12); ar[0] = "January"; ar[1] = "February"; ar[2] = "March"; ar[3] =
"April"; ar[4] = "May"; ar[5] = "June"; ar[6] = "July"; ar[7] = "August"; ar[8]
= "September"; ar[9] = "October"; ar[10] = "November"; ar[11] = "December"; //
return name of specified month (parameter) return ar[month]; } function setCal()
{ // standard time attributes var now = new Date(); var year =
now.getFullYear(); var month = now.getMonth(); var monthName =
getMonthName(month); var date = now.getDate(); now = null; // create instance of
first day of month, and extract the day on which it occurs var firstDayInstance
= new Date(year, month, 1); var firstDay = firstDayInstance.getDay();
firstDayInstance = null; // number of days in current month var days =
getDays(month, year); // call function to draw calendar drawCal(firstDay + 1,
days, date, monthName, year); } function drawCal(firstDay, lastDate, date,
monthName, year) { // constant table settings //var headerHeight = 50 // height
of the table's header cell var border = 2; // 3D height of table's border var
cellspacing = 4; // width of table's border var headerColor = "midnightblue"; //
color of table's header var headerSize = "+3"; // size of tables header font var
colWidth = 60; // width of columns in table var dayCellHeight = 25; // height of
cells containing days of the week var dayColor = "darkblue"; // color of font
representing week days var cellHeight = 40; // height of cells representing
dates in the calendar var todayColor = "red"; // color specifying today's date
in the calendar var timeColor = "purple"; // color of font representing current
time // create basic table structure var text = ""; // initialize accumulative
variable to empty string text += '<TABLE BORDER=' + border + ' CELLSPACING='
+ cellspacing + '>'; // table settings text += '<TH COLSPAN=7 HEIGHT=' +
10 + '>'; // create table header cell text += '<FONT COLOR="' +
headerColor + '" SIZE=' + headerSize + '>'; // set font for table header text
+= monthName + ' ' + year; text += '</FONT>'; // close table header's font
settings text += '</TH>'; // close header cell // variables to hold
constant settings var openCol = '<TD WIDTH=' + colWidth + ' HEIGHT=' +
dayCellHeight + '>'; openCol += '<FONT COLOR="' + dayColor + '">'; var
closeCol = '</FONT></TD>'; // create array of abbreviated day names
var weekDay = new Array(7); weekDay[0] = "Sun"; weekDay[1] = "Mon"; weekDay[2] =
"Tues"; weekDay[3] = "Wed"; weekDay[4] = "Thu"; weekDay[5] = "Fri"; weekDay[6] =
"Sat"; // create first row of table to set column width and specify week day
text += '<TR ALIGN="center" VALIGN="center">'; for (var dayNum = 0; dayNum
< 7; ++dayNum) { text += openCol + weekDay[dayNum] + closeCol; } text +=
'</TR>'; // d</p><p align='center'><b><font
color='red'>[1]</font> <a
href='/school/web/fu/200506/8296_2.html'>[2]</a> <a
href='/school/web/fu/200506/8296_2.html'>下一頁</a>
</b></p></SPAN><br> <A
href="http://search.union.3721.com/click/search.htm?fw=union&m=213692&p=1006&name=HTML組件HTML
COMPONENTS之六" target=_blank><font color="#FF0000">在3721搜索關於"網頁寄存HTML組件HTML
COMPONENTS之六"的內容</font></A></div></td> </tr>
</table></td> </tr> </table> <table width="100%"
border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td
height="2" bgcolor="#FFFFFF"></td> </tr> </table> <table
cellSpacing=0 cellPadding=0 width=556 align=center border=0> <tr>
<td height=20 bgColor=#F9FBF0><li>上一篇學院: <a
class='LinkPrevArticle' href='/school/web/fu/200506/8295.html'
title='學院標題:HTML組件HTML COMPONENTS之六作 者:佚名更新時間:2005-6-1 上午 03:48:48'>網頁設計HTML組件HTML
COMPONENTS之六</a></li></td> </tr> <tr> <td
height=20 bgColor=#F9FBF0><li>下一篇學院: <a class='LinkNextArticle'
href='/school/web/fu/200506/8297.html' title='學院標題:HTML-加速、再加速上作
者:佚名更新時間:2005-6-1 上午 03:50:57'>HTML-加速、再加速上</a></li></td>
</tr> </table> <table cellSpacing=0 cellPadding=0 width=100%
align=center border=0> <tr vAlign=center align=middle> <td
width=100% colSpan=2 height=20><div align=right><SPAN>學院錄入:光之翼 網站設計責任編輯:光之翼
</SPAN></div></td> </tr> </table> </td>
</tr> </table></td> </tr></table><table
cellSpacing=0 cellPadding=0 width=766 align=center border=0> <tr>
<td bgColor=#ffffff height=4></td>
</tr></table><table height=70 cellSpacing=0 cellPadding=0
width=766 align=center bgColor=#ffffff border=0> <tr> <td
align=middle background=/skin/v4/bottom_bg.jpg height=70><table
cellSpacing=0 cellPadding=0 width=760 align=center border=0> <tr>
<td vAlign=top align=middle><div align=center> <script
language="javascript" src="/AD/200511/4.js"></script>
</div></td> </tr> </table></td>
</tr></table></body></html><!-- Powered by: PowerEasy
2005 -->
留言列表
