2006-10-06 (Fri)

■ Google カレンダーの土日の背景色を変更するワザ - パート2

前のやつ はカレンダー上に天気とかロゴとかのアイコンを表示させてると 問題がある らしくてダメだそうな。確かにデザインが崩れてしまう。

と言うわけで解決出来ないものかとまたまた挑戦。要素を見ていたら onclick 属性が使えそうだったので、次のように書いたら期待通りに動きました。

@-moz-document
   url-prefix("http://www.google.com/calendar/"),
   url-prefix("https://www.google.com/calendar/") {

   #decowner div[onclick="_ChangeToDayMode(5)"] ,
   #decowner div[onclick="_ChangeToDayMode(12)"] ,
   #decowner div[onclick="_ChangeToDayMode(19)"] ,
   #decowner div[onclick="_ChangeToDayMode(26)"] ,
   #decowner div[onclick="_ChangeToDayMode(33)"] ,
   #decowner div[onclick="_ChangeToDayMode(40)"] ,
   #decowner div[onclick="_ChangeToDayMode(47)"] ,
   #decowner div[onclick="_ChangeToDayMode(54)"] {
      background-color: #CCF !important;
      color: #00F !important;
   }

   #decowner div[onclick="_ChangeToDayMode(6)"] ,
   #decowner div[onclick="_ChangeToDayMode(13)"] ,
   #decowner div[onclick="_ChangeToDayMode(20)"] ,
   #decowner div[onclick="_ChangeToDayMode(27)"] ,
   #decowner div[onclick="_ChangeToDayMode(34)"] ,
   #decowner div[onclick="_ChangeToDayMode(41)"] ,
   #decowner div[onclick="_ChangeToDayMode(48)"] ,
   #decowner div[onclick="_ChangeToDayMode(55)"] {
      background-color: #FCC !important;
      color: #F00 !important;
   }
}

なんかすげええ。でも onclick 属性とか判定に使っちゃって良いんだろうか。とりあえず動くけど。余計なスタイルが消えたので随分すっきりした。

ちなみにここで紹介しているのは月曜で始まるカレンダーのバージョンです。日曜で始まる方は、_ChangeToDayMode のカッコの中の数値を書き換えたりして対応して下さい。ここの数値は 風待ち日記 さんの所にある表と同じなのでそちらで確認出来ます。

* 追記

またまた margin さんが簡潔に記述する方法を 紹介されて いました。ぬー、style属性の存在に気付かなかった。く、悔しい！笑

Posted by Kyosuke Takayama at 2006-10-06 (Fri) 16:39