FCafe　 カレンダー当日表示別法

　　カレンダーの「当日」に独自のclass付けがされるblogもありますが、ＦＣ２blogのカレンダーは特にそのような機能はありません。　「なければ作っちゃえ」というわけで記事を書いた事もありましたが、今日はその別法について。
以前書いたのは出力されるタグを途中スクリプトで加工して当日部に修飾を加えるというものでしたが、今回は出力された要素の属性を改変して当日部を修飾するものです。
( 共有テンプレートとして供出中の 「CalendArchive」 に使用 ）

 

【 設置法 】 　　カレンダーの table タグ にIDを付けます　（例

<table summary="calendar" id="Cal">

カレンダーブロック部分を以下↓のようにします（日付変数を spanタグで囲む）

<!--calender-->
<tr>
<td class="sun"><span><%calender_sun></span></td>
<td class="mon"><span><%calender_mon></span></td>
<td class="tue"><span><%calender_tue></span></td>
<td class="wed"><span><%calender_wed></span></td>
<td class="thu"><span><%calender_thu></span></td>
<td class="fri"><span><%calender_fri></span></td>
<td class="sat"><span><%calender_sat></span></td>
</tr>
<!--/calender-->

カレンダーの </table> 以降（</body> タグの手前でも可 ） に以下のスクリプトを書きます

<script type="text/javascript"><!--
function mkToday() {
var D=new Date();
if (D.getFullYear()==<%now_year> && D.getMonth()==<%now_month>-1){
var bgcol='#XXXXXX';   /* 「当日」の背景色 */
var T=">"+D.getDate()+"<";
var C=document.getElementById("Cal").getElementsByTagName("TD");
for (i=0;i<C.length;i++) {
 if (C[i].innerHTML.indexOf(T)>-1) {C[i].style.background=bgcol;}
} } }
mkToday();
//--></script>

 

【 解 説 】 　スクリプトはまずカレンダーの表示している月が「今月」かどうかを調べます （過去月だったら何もしません）。 当月であれば当日のセルを探して背景色を変更します。（日付をspanタグで挟むのは記事リンク等に含まれる数字と区別する為です）
セルの背景色を変更するのはリンク付き日にちの装飾と別個に設定可能だからですがこの辺りはお好みで変更されて下さい。（ 割と短いソースだと思いますが、更にスマートな方法があれば是非 )

2006 / 02 / 04 　Sat
Navigation   
Comment 8 / TB 1 / Edit