同じHTMLに、違うCSSを適用させているリンクについて

質問

こんにちは。

同じHTMLに、違うCSSを適用させている aタグについて教えてください。

具体的には「イオブログ」というサイトのブログテンプレート一覧が表示されているページがあるのですが、
http://blog.eonet.jp/tmpparts/index.html

一覧の画像のリンクが
http://blog.eonet.jp/tmpparts/sample.html?style=eoblog/az/theme.css
上記のような.cssでおわるリンクになっていました。

http://blog.eonet.jp/tmpparts/sample.htmlというHTMLファイルに、
違うCSSを適用させているようなのですが、どんな仕組みで表示されているのか（例えばCGIとか）よくわかりません。

もしおわかりのかたがいらっしゃったら、よろしくおねがいいたします。

回答No.2

ulmo

ANo.1 ulmoです。

例えば sample.html と同じディレクトリの foo.css を
読み込ませたい場合は、JavaScript の document.write()
で指定しているディレクトリ、".shared-asp26/themes/" を
削除するか、もしくは引数を
sample.html?style=../../foo.css とかにすればいいでしょう。
試してませんが…。

あと厳しい事を言えば、「まったく分からない」というのは
言い訳にならないですよ。JavaScriptの資料は
そこかしこにあるのですから、多少なりと自分で調べましょう。
これだと質問じゃなくて「誰かやってちょうだい」状態です。

お礼

ありがとうございます。
全く書かれている通りで、弁解の余地もありません。
自分でもその部分を書きなおしてみていたのですが、ファイル+tmp3[1]の部分だけで動くとは思わず大変申し訳ありませんでした。

これを機会に、自分でもjavascriptを勉強してみようと思います。
今回は、本当に助かりました。

ありがとうございました。

回答No.1

ulmo

そのsample.htmlの冒頭（16～30行目辺り）に書いてあります。
JavaScriptにて引数（?style=...）を取り、
そこで指定されたCSSファイルを読むタグ、
<link rel="stylesheet" ... />を直接書き出しています。
JavaScriptがお解りであれば、そこを読んで下さい。

補足

ご回答いただきありがとうございました。

sample.htmlのほうにjavascriptを確認しました。
ここから各CSSを読み込んでいるわけですね。

javascript内が、全く読めなくて申し訳ありませんが、
<link rel="stylesheet" href="http://blog.eonet.jp/.shared-asp26/themes/'+tmp3[1]+'" type="text/css" media="screen" />
という内容で、ここでは、違うフォルダに入っている（/az　や　/contest1-01など）のthemes.cssを読み込んでいるようですが、
実際に違うフォルダを追加した場合も（ここでは）上記の記述で違うフォルダ名を読み込んでいるのがわかりません。

たとえば、同じフォルダ内にsample.htmlと、適用するCSSを設置した場合に<link rel="stylesheet" href="～　の記述をどのようにすればいいのでしょうか？
（javascriptをどこか書き換える必要があるのかもしれませんが・・・）

申し訳ありませんが、よかったら教えていただければ助かります。
宜しくお願いいたします。