違うページからのクリックで同じファイルのCSSを切り替える方法

[統計] HTMLからXHTMLへの移行を進めていますか？

0   名前： ちから ： 2006/01/15 19:53
例えばある1つのページに『赤』『青』『黄』というリンクがあって、
その３つのどれを押してもdesign.htmlにリンクしているとして、
『赤』を押したらaka.css、『青』を押したらao.css、『黄』を押したらki.css、の外部CSSが読み込めるようにしたいのですが、方法を教えて下さい。
お願いします。
1   名前： 匿名希望 ： 2006/01/15 19:53
方法と言われてもいろいろありますが、ちからさんはどんな方法でいきたいですか？
試作品でもあればアドバイスも出やすいと思いますが。
2   名前： ちから ： 2006/01/15 19:53
レスポンスありがとうございます。
試作品をアップしようと思ったのですが、失敗しました。
javaScriptに関してほとんど初心者なので簡単な方法を教えてください。

ジャンプしてくる箇所によって同じ内容でデザインを変えたいのですが、
頻繁に更新する予定なので、同じ内容のものなのに、デザインの数だけファイルを用意するのは、
無駄が多いと思っております。
ジャンプしてくる側のhtmlで動作させて、ジャンプする側の外部CSSを指定するといった風に設定できればありがたいです。
よくブラウザを判別して外部CSSを切り替えるという方法を見かけますが、
それをブラウザの判別ではなくて、クリックする時に指定できればなぁと望んでおります。
3   名前： m035 ： 2006/01/15 19:53  ［URL］
クエリで解決できそうです。
ページurl?mode=2
のようにurlに設定内容を埋め込みます。
あとはlocation.searchで?以降を抜き出すか、
location.hrefからlocation.href.split("?")[0]で?以降を抜き出して、
?以降の文字列から数値を抜き出します。
最後にその数値で条件分けしてcssを指定するタグを書き出してやればok。
http://www.parkcity.ne.jp/~chaichan/src/javasc32.htm
一覧へ戻る