予定表
原案：臥龍 鳳雛 氏 （2000/04/01 登録）
カレンダーの日付をクリックするとその日の予定表に行くようにしてみました。
表示サンプル
ソース記述内容
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<title>予定表</title>
<script type="text/javascript">
<!--
function MakeArray(n){
this.length=n;
}
// -->
</script>
</head>
<body>
<script language="JavaScript">
<!--
var ma = new MakeArray(12);
ma[0] =31;
ma[1] =28;
ma[2] =31;
ma[3] =30;
ma[4] =31;
ma[5] =30;
ma[6] =31;
ma[7] =31;
ma[8] =30;
ma[9] =31;
ma[10] =30;
ma[11] =31;
var wk = "日月火水木金土"//曜日の準備
var td = new Date();//今日の日付の拾得
var year,m,d,w,ttl;//準備
year = td.getYear();//年は？
m = td.getMonth() + 1;//月は?
d = td.getDate();//日は?
w = td.getDay();//曜日は?
td.setDate(1);//一日にしてみる
fw=td.getDay();//曜日は?
if((year % 4)==0){
if((year % 100)!=0){
ma[1] =ma[1] +1;
}
else{
if((year % 400)==0)
ma[1] =ma[1] +1;
}
}
document.write("<div style='text-align:center'>");
document.write("<strong><a href='#"+d+"'>"+m+"月"+d+"日</a></strong>");
document.write("<table style='margin-left:auto;margin-right:auto'>");
ttl="<tr><td><span style='color:#FF0000'>日</span></td><td>月</td><td>";
ttl=ttl+"火</td><td>水</td><td>木</td><td>金</td><td>";
ttl=ttl+"<span style='color:#0000FF'>土</span></td></tr><br>";
document.write(ttl);
for(y=0;y<6;++y)
{
document.write("<tr>");
for(x=0;x<7;++x)
{
t=y*7+x+1-fw;
if(t>0 && t <= ma[m-1])
{
op=(y*7+x+1-fw);
op="<a href='#"+op+"'>"+op+"</a>";
}
else
op="";
op="<td style='text-align:right'>"+op+"</td>";
document.write(op);
}
document.write("</tr>");
}
document.write("</table>");
document.write("</div>");
// -->
</script>
<div style="text-align:center">
<table width="80%" border="1" style="margin-left:auto;margin-right:auto">
<tr>
<td width="50" style="background-color:#00A0AF"><a name="1">１日</a></td>
<td nowrap width="80%" style="background-color:#E0E0F0"></td>
</tr>
<tr>
<td style="background-color:#00A0AF"><a name="2">２日</a></td>
<td nowrap style="background-color:#E0E0F0"></td>
</tr>
<tr>
<td style="background-color:#00A0AF"><a name="3">３日</a></td>
<td nowrap style="background-color:#E0E0F0"></td>
</tr>
<tr>
<td style="background-color:#00A0AF"><a name="4">４日</a></td>
<td nowrap style="background-color:#E0E0F0"></td>
</tr>
<tr>
<td style="background-color:#00A0AF"><a name="5">５日</a></td>
<td nowrap style="background-color:#E0E0F0"></td>
</tr>
<tr>
<td style="background-color:#00A0AF"><a name="6">６日</a></td>
<td nowrap style="background-color:#E0E0F0"></td>
</tr>
<tr>
<td style="background-color:#00A0AF"><a name="7">７日</a></td>
<td nowrap style="background-color:#E0E0F0"></td>
</tr>
<tr>
<td style="background-color:#00A0AF"><a name="8">８日</a></td>
<td nowrap style="background-color:#E0E0F0"></td>
</tr>
<tr>
<td style="background-color:#00A0AF"><a name="9">９日</a></td>
<td nowrap style="background-color:#E0E0F0"></td>
</tr>
<tr>
<td style="background-color:#00A0AF"><a name="10">１０日</a></td>
<td nowrap style="background-color:#E0E0F0"></td>
</tr>
<tr>
<td style="background-color:#00A0AF"><a name="11">１１日</a></td>
<td nowrap style="background-color:#E0E0F0"></td>
</tr>
<tr>
<td style="background-color:#00A0AF"><a name="12">１２日</a></td>
<td nowrap style="background-color:#E0E0F0"></td>
</tr>
<tr>
<td style="background-color:#00A0AF"><a name="13">１３日</a></td>
<td nowrap style="background-color:#E0E0F0"></td>
</tr>
<tr>
<td style="background-color:#00A0AF"><a name="14">１４日</a></td>
<td nowrap style="background-color:#E0E0F0"></td>
</tr>
<tr>
<td style="background-color:#00A0AF"><a name="15">１５日</a></td>
<td nowrap style="background-color:#E0E0F0"></td>
</tr>
<tr>
<td style="background-color:#00A0AF"><a name="16">１６日</a></td>
<td nowrap style="background-color:#E0E0F0"></td>
</tr>
<tr>
<td style="background-color:#00A0AF"><a name="17">１７日</a></td>
<td nowrap style="background-color:#E0E0F0"></td>
</tr>
<tr>
<td style="background-color:#00A0AF"><a name="18">１８日</a></td>
<td nowrap style="background-color:#E0E0F0"></td>
</tr>
<tr>
<td style="background-color:#00A0AF"><a name="19">１９日</a></td>
<td nowrap style="background-color:#E0E0F0"></td>
</tr>
<tr>
<td style="background-color:#00A0AF"><a name="20">２０日</a></td>
<td nowrap style="background-color:#E0E0F0"></td>
</tr>
<tr>
<td style="background-color:#00A0AF"><a name="21">２１日</a></td>
<td nowrap style="background-color:#E0E0F0"></td>
</tr>
<tr>
<td style="background-color:#00A0AF"><a name="22">２２日</a></td>
<td nowrap style="background-color:#E0E0F0"></td>
</tr>
<tr>
<td style="background-color:#00A0AF"><a name="23">２３日</a></td>
<td nowrap style="background-color:#E0E0F0"></td>
</tr>
<tr>
<td style="background-color:#00A0AF"><a name="24">２４日</a></td>
<td nowrap style="background-color:#E0E0F0"></td>
</tr>
<tr>
<td style="background-color:#00A0AF"><a name="25">２５日</a></td>
<td nowrap style="background-color:#E0E0F0"></td>
</tr>
<tr>
<td style="background-color:#00A0AF"><a name="26">２６日</a></td>
<td nowrap style="background-color:#E0E0F0"></td>
</tr>
<tr>
<td style="background-color:#00A0AF"><a name="27">２７日</a></td>
<td nowrap style="background-color:#E0E0F0"></td>
</tr>
<tr>
<td style="background-color:#00A0AF"><a name="28">２８日</a></td>
<td nowrap style="background-color:#E0E0F0"></td>
</tr>
<tr>
<td style="background-color:#00A0AF"><a name="29">２９日</a></td>
<td nowrap style="background-color:#E0E0F0"></td>
</tr>
<tr>
<td style="background-color:#00A0AF"><a name="30">３０日</a></td>
<td nowrap style="background-color:#E0E0F0"></td>
</tr>
<tr>
<td style="background-color:#00A0AF"><a name="31">３１日</a></td>
<td nowrap style="background-color:#E0E0F0"></td>
</tr>
</table>
</div>
</body>
</html>
