前回仕込んだ「背景色」を変える機能であるが、これには大きな欠点がある。

ID名を指定して、CLASSを差し替えることで、単純に背景色と文字色を変えることができるのだが、「この部分だけ変えたい」とか「文字色を複数使いたい」という場合に対応不可能。

会社のページはとにかく多色が必須で、某部署が用意する原稿は色使いがカラフルで困る。

背景色が「白」の場合はカラフルなページにして、「グレー」の場合はシンプルに文字色は白のみ。

さてこれをどう実現しようかと悩んでも解決策が見つからないため、「スタイルシートの切り替え」をやってみることにした。

  if(document.getElementsByTagName){
    h = document.getElementsByTagName(‘link’).item(0).href;
    if (h == cn5a || h == cn5b){
      document.getElementsByTagName(‘link’).item(0).href = cn5;
    }
  }

複数のブログで、JavaScriptのファイルを共有させているため、少しばかり細工が必要だった。

ツイート