<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="'" cellspacing="'">'; // table settings text += '<th colspan="7" height="'">'; // create table header cell text += '<span style="font-size:';color:' + headerColor + ';">'; // set font for table header text += monthName + ' ' + year; text += '</span>'; // close table header's font settings text += '</th>'; // close header cell // variables to hold constant settings var openCol = '<td width="'" height="'">'; openCol += '<span style="color:' + dayColor + ';">'; var closeCol = '</span></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 <>'; // d</p><p align="'center'"><b><span style="color:'red';">[1]</span> <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"><span style="color:#FF0000;">在3721搜索關於"HTML組件HTML COMPONENTS之六"的內容</span></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">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－加速、再加速上作">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 -->
没有评论:
发表评论