わしぶろーぐ : カレンダーの背景をカラフルに

RECOMENDED

モンスターハンターポータブル 2nd G ルーキーズ・ガイド 2G (DVD付)　評価:5

バッテリーパック(2200mAh) PSP-2000シリーズ用バッテリーカバー(ピアノ・ブラック)付き　評価:3

Edit

ブックマークアイコン　｜　

　｜　モブログの場合は→

カレンダーの背景をカラフルに

2007/05/19 (Sat) 01:13

　サイドバーに表示しているカレンダーの背景を、土曜はブルー、日曜・休日はオレンジにしてみました。(もうちょっと淡い色のが見やすいかも。)

　JavaScript を使って実装しています。ホントは休日を自動算出したかったんですが、とりあえず楽してベタで休日カレンダーを持っています。
　今のところ、2006 年と 2007 年の休日にしか対応していませんので、2008 年になったら追加が必要です。が、早々に自動算出のロジックを入れたいです。

　以下が休日かどうかを判定する JavaScript になります。

　以下がカレンダーの日付部分です。

<tr>
<script type="text/javascript">
if (isHoliday('<%now_year>', '<%now_month>', '<%calender_sun>')) {
document.write('<td class="calender_holi"><%calender_sun></td>\n');
}
else {
document.write('<td class="calender_sun"><%calender_sun></td>\n');
}

if (isHoliday('<%now_year>', '<%now_month>', '<%calender_mon>')) {
document.write('<td class="calender_holi"><%calender_mon></td>\n');
}
else {
document.write('<td><%calender_mon></td>\n');
}

if (isHoliday('<%now_year>', '<%now_month>', '<%calender_tue>')) {
document.write('<td class="calender_holi"><%calender_tue></td>\n');
}
else {
document.write('<td><%calender_tue></td>\n');
}

if (isHoliday('<%now_year>', '<%now_month>', '<%calender_wed>')) {
document.write('<td class="calender_holi"><%calender_wed></td>\n');
}
else {
document.write('<td><%calender_wed></td>\n');
}

if (isHoliday('<%now_year>', '<%now_month>', '<%calender_thu>')) {
document.write('<td class="calender_holi"><%calender_thu></td>\n');
}
else {
document.write('<td><%calender_thu></td>\n');
}

if (isHoliday('<%now_year>', '<%now_month>', '<%calender_fri>')) {
document.write('<td class="calender_holi"><%calender_fri></td>\n');
}
else {
document.write('<td><%calender_fri></td>\n');
}

if (isHoliday('<%now_year>', '<%now_month>', '<%calender_sat>')) {
document.write('<td class="calender_holi"><%calender_sat></td>\n');
}
else {
document.write('<td class="calender_sat"><%calender_sat></td>\n');
}
</script>
</tr>