カレンダーの今日を強調
/*今日の日付のスタイルを変更する*/
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を読み込む部分は必ずカレンダーより下に書くという点は同じです
- コメント
- コメントする
- この記事のトラックバックURL
- トラックバック
- CSS:カレンダーの今日を強調
- JUSTBLOGに書いている番外地!で,カレンダーの今日の部分を強調するようにスタイルシートを変更しました.そこで,この朝風呂具にも適用しようとしましたがうまくいきま
-
- TAMO’s 朝風呂具
- 2007/02/16 8:32 AM
- Calendar
-
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から人目
- Selected Entries
-
- カレンダーの今日を強調 (02/11)
- Categories
-
- JUSTSYSTEM (4)
- JUGEM (1)
- JUSTBLOG関連 (12)
- PC・インターネット (1)
- その他の話題 (5)
- サイエンス (19)
- デジタル製品・ITサービス (1)
- ニュース・社会 (57)
- 健康 (1)
- 趣味 (1)
- 食 (1)
- Archives
-
- August 2013 (1)
- January 2013 (1)
- June 2012 (1)
- February 2012 (1)
- November 2011 (1)
- October 2011 (1)
- September 2011 (1)
- June 2011 (1)
- May 2011 (2)
- March 2011 (2)
- February 2011 (1)
- January 2011 (1)
- September 2010 (1)
- July 2010 (2)
- June 2010 (1)
- April 2010 (5)
- January 2010 (2)
- December 2009 (1)
- November 2009 (1)
- October 2009 (1)
- June 2009 (1)
- May 2009 (2)
- April 2009 (1)
- March 2009 (3)
- February 2009 (2)
- January 2009 (1)
- December 2008 (1)
- November 2008 (1)
- October 2008 (1)
- September 2008 (1)
- August 2008 (2)
- July 2008 (5)
- June 2008 (1)
- May 2008 (3)
- April 2008 (1)
- March 2008 (1)
- February 2008 (3)
- January 2008 (2)
- December 2007 (1)
- November 2007 (7)
- October 2007 (6)
- September 2007 (9)
- August 2007 (3)
- July 2007 (6)
- June 2007 (7)
- May 2007 (1)
- April 2007 (3)
- March 2007 (1)
- February 2007 (2)
- Recent Comment
-
- 宇宙船大集合のISSが太陽の前を通過
⇒ TAMO (03/09) - 宇宙船大集合のISSが太陽の前を通過
⇒ しのぶ (03/07) - JUST PDF [編集]
⇒ xiangxiang (09/10) - Google AdSenseを追加
⇒ TAMO (03/18) - 塩サウナ
⇒ TAMO (03/18) - Google AdSenseを追加
⇒ ジャストブログ編集部 (03/18) - 塩サウナ
⇒ ジャストブログ編集部 (03/18)
- 宇宙船大集合のISSが太陽の前を通過
- Recent Trackback
-
- ペルーに隕石落下 住民に被害
⇒ blog (09/25) - 2222
⇒ this is very good (09/13) - 塩サウナ
⇒ TAMO’s 朝風呂具 (03/31) - カレンダーの今日を強調
⇒ TAMO’s 朝風呂具 (02/16) - 引用部分のスタイルを変更
⇒ blog (02/10)
- ペルーに隕石落下 住民に被害
- Links
- Profile
- Search this site.
- Mobile