FC2ブログ
 

LotusNotesな日々IBM社のLotusNotesに関係する何かを日々語ってるようなきがしないでもないブログです。 

このページの記事目次 ( ← 2008年10月 → )

条件によってCSSを切り替える

   ↑  2008/10/08 (水)  カテゴリー: JavaScript/CSS
YahooやMsnなどで最近流行の背景色を人によって替えたい方法とかに使えます。

条件によってスタイルシートを換えるには、
スタイルシートを読み込むlinkタグにidを書いておき、
JavaScriptで読み替える方法をとります。
(※対象のlinkタグはHead内にある必要があります。)

<head>
<link rel="stylesheet" type="text/css" href="デフォルトスタイルシートファイルパス" id="ID名">

<script>
if( 条件 ){
document.getElementById('ID名').href = "スタイルシートファイルパスA";
}else{
document.getElementById('ID名').href = "スタイルシートファイルパスB";
}
</script>

JavaScriptなのでクッキー処理も可能です。
関数化しておけばボタンからも呼び出したりできるようになります^^
スポンサーサイト



(記事編集) http://mesosune.blog123.fc2.com/blog-entry-154.html

2008/10/08 | Comment (0) | Trackback (0) | HOME | ↑ ページ先頭へ |