<< 引用部分のスタイルを変更 | main | 最近のコメントをツリー表示 >>
2007.02.11 Sunday

カレンダーの今日を強調

ココログの方で使用している右欄のカレンダーの今日の日付を強調するスタイル変更を試してみましたが,同じ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
トラックバック
CSS:カレンダーの今日を強調
JUSTBLOGに書いている番外地!で,カレンダーの今日の部分を強調するようにスタイルシートを変更しました.そこで,この朝風呂具にも適用しようとしましたがうまくいきま
  • TAMO’s 朝風呂具
  • 2007/02/16 8:32 AM
Calendar
  12345
6789101112
13141516171819
20212223242526
2728293031  
<< May 2018 >>
ツールバー

2007.02.09から
人目
Selected Entries
Categories
Archives
Recent Comment
Recent Trackback
Links
Profile
Search this site.
Others
Mobile
qrcode
Powered by
30days Album
無料ブログ作成サービス JUGEM