カレンダーの今日を強調
ココログの方で使用している右欄のカレンダーの今日の日付を強調するスタイル変更を試してみましたが,同じTypePadなのにうまくいきませんでした.
ココログとJUSTBLOGの両方のソースを見比べてみるとやはり違いがありました.
私の力ではお手上げなので,次男に変更してもらいました.
/*今日の日付のスタイルを変更する*/
function todaychange(){
var cal,ed,today,mydate,numcal = 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)
コメント