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

スポンサーサイト

   ↑  --/--/-- (--)  カテゴリー: スポンサー広告
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

(記事編集) http://mesosune.blog123.fc2.com/?overture" target="_new

--/--/-- | Comment (-) | HOME | ↑ ページ先頭へ |

条件によって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 | ↑ ページ先頭へ |

Comment

コメントを投稿する 記事: 条件によってCSSを切り替える

お気軽にコメントをぞうぞ。
非公開 (管理人のみ閲覧可能なコメント) にしたい場合には、ロック にチェックを入れてください。

  任意 : 後から修正や削除ができます。
  非公開コメントとして投稿する。(管理人にのみ公開)
 

Trackback

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。