« 引用部分のスタイルを変更 | メイン | 初めてのパソコン »

2007年2月11日 (日)

カレンダーの今日を強調

ココログの方で使用している右欄のカレンダーの今日の日付を強調するスタイル変更を試してみましたが,同じTypePadなのにうまくいきませんでした.

ココログとJUSTBLOGの両方のソースを見比べてみるとやはり違いがありました.
私の力ではお手上げなので,次男に変更してもらいました.

/*今日の日付のスタイルを変更する*/


function todaychange(){
    var cal,ed,today,mydate,num

    cal = document.getElementById("calendar");
    cells = cal.getElementsByTagName("td");
    ed = cells.length;
    mydate=new Date();
    today= "" + mydate.getDate();
    for(i=0;i<ed;i++){
        if(cells[i].childNodes[0].hasChildNodes()){
            num = "" + cells[i].childNodes[0].childNodes[0].nodeValue;
        }else{
            num = "" + cells[i].childNodes[0].nodeValue;
        }
        if(num == today){
            cells[i].className ="today";
            return;
        }
    }
}
todaychange();

(みるくここあ: カレンダーの今日の日付を強調する。)

上記のスクリプトを以下のように変更しました

/*今日の日付のスタイルを変更する*/


function todaychange(){
    var ed,today,mydate,num,cells;

    cal = document.getElementById("calendar");
    cells = cal.getElementsByTagName("td");
    ed = cells.length;
    mydate=new Date();
    today= "" + mydate.getDate();
    for(i=0;i<ed;i++){
        if(cells[i].childNodes[0].hasChildNodes()){
            num = "" + cells[i].childNodes[0].childNodes[0].nodeValue;
        }else{
            num = "" + cells[i].childNodes[0].nodeValue;
        }
        if(num == today){
            cells[i].className ="today";
            return;
        }
    }
}
todaychange();

スタイルシートjuststyle.cssの最後に

/* other css */

.module-calendar .today{ background-color: #ccffcc;

      border: 1px #006600 dotted;

}

を追加しました.
設置時の注意点はこのJAVASCRIPTを読み込む部分は必ずカレンダーより下に書くという点は同じです

TAMO’s HOME 別荘(メインblog)

トラックバック

このページのトラックバックURL:
http://app.justblog.jp/t/trackback/233094/6788677

このページへのトラックバック一覧 カレンダーの今日を強調:

» CSS:カレンダーの今日を強調 トラックバック TAMO’s 朝風呂具
JUSTBLOGに書いている番外地!で,カレンダーの今日の部分を強調するようにスタイルシートを変更しました.そこで,この朝風呂具にも適用しようとしましたがうまくいきま [続きを読む]

コメント

コメントを投稿

コメントは記事の投稿者が承認するまで表示されません。

2010年3月

  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31      

カウンタ・ツール


  • 2007.02.09から
    人目

最近のトラックバック

リンク

ブログ powered by TypePad
Member since 02/2007