WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:リンク元を判別して背景画像を変

0:[投稿] 青木 [2002/07/15 16:04 ][環境:MAC+IE 不明]

みなさん初めまして、孕石ともうします。
タイトルにもありますように、リンク元によって表示する背景画像を変えるというJavascriptを作ろうとしていますが、うまくいきません。
例えばA,B2つのページにそれぞれCへのリンクがあったとして、
AからCへ行くとCの背景は花柄
BからCへ行くとCの背景はチェック
といったようなことがしたいんです。
現在デザインの違う2つのページで共有の掲示板を使用しているのですが、どちらかで印象が変わってしまうのを避けるのにそのようなことが出来ればと考えています。
referrer.indexOfでurlを判別して、CSSによって振り分けてみようとしていますが、記述が悪いのか、うまくいきません。

どなたかお心当たりの方がいらっしゃいましたら、お教え願えますでしょうか。お願いいたします。


1:[関連] 青木 [2002/07/15 16:10 ]

すみません。投稿名と名乗りのH.Nが違ってます。
投稿しかけたときにどちらを使うか迷ったままにしてしまいました。
妖しいことになってしまってすみません…。
青木ということでお願いします。


2:[回答] あああ [2002/07/15 21:30 ]

呼び出されるのが掲示板なので、単純に呼び出すときに
背景を指定するパラメーター付きで呼び出せばどう?
例えば bbs.cgi?bg=img1 と bbs.cgi?bg=img2 とか・・・


3:[回答] バギンズ [2002/07/16 01:28 ]

>記述が悪いのか、うまくいきません。
「referrer」の前に「document.」が無いからかな?とも思われますが、とりあえずうまくいかないソースを提示してください。


4:[関連] 青木 [2002/07/16 10:08 ]

バギンズさんご返答ありがとうございました。
htmlは大丈夫なのですがcgiはhtmlやCSS部分を触れる程度の知識なので、url判別してCSSを書き出すJavascriptを作り、掲示板cgiに外部リンクして呼び出そうとしています。
多分かなりややこしいことをしているとは思うのですが。。。
(CSSに対応していないブラウザでは効果がなさそうですし)

---
外部Javascriptファイルbgstyle.js

if(document.referrer.indexOf("another",0)>0){
     //URLにanotherが入るページから来た場合の背景設定
document.write("BODY { background-image: url("画像ファイルA") }")
   }
eles{
//それ以外のURLから来た場合の背景設定
document.write("BODY { background-image: url("画像ファイルB") }")
}
document.write("--></STYLE>");

---
以上のものを掲示板のHEAD部分に

<SCRIPT SRC="bgstyle.js"></SCRIPT>

で呼び出すつもりでした。ですが、バギンズさんのおっしゃられている方法がどのようなものかわかりませんので、
もし宜しければ詳しくお教え願えますでしょうか。
お願いいたします。


5:[質問] 青木 [2002/07/16 10:17 ]

あああさんご回答ありがとうございました。
おっしゃられている

bbs.cgi?bg=img1 と bbs.cgi?bg=img2

というのはcgi自体を触るものでしょうか。もし宜しければお教え下さい。

Javascriptは勉強し始めで試行錯誤のものですので、おかしな所があれはご指摘いただけると幸いです。
elseがelesになってます、これが正しくてもうまく動作しません。


6:[回答] さっぱり★ [2002/07/16 10:59 ]

document.write("<style type=\"text/css\">");
がないし、
document.write("body{background-image:url(\"画像ファイル\")}");
としなければいけません。エラー出ませんか?

JavaScriptが有効とは限らないので、できれば
>>2のようにしたほうがいいと思います。


7:[回答] 青木 [2002/07/16 15:20 ]

さっぱりさん、ご回答ありがとうございました。
document.write("<style type="text/css">");
と付け足してみましたが、エラーにはならなくとも、背景に変化がありませんでした。
if以降に問題がないのであれば、\をつけてもう一度試してみます。
2のやり方というのがわからないのですが、cgiのページなどで調べてみたいと思います。


8:[回答] さっぱり★ [2002/07/16 16:20 ]

だから、そんな風に書いたら、
"<style type="
で切られてしまうのですよ!

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World