- ベストアンサー
URLごとに背景画像を変更したい
現在CMSを使ってEC サイトを構築しています。 質問なのですが、全て1つのテンプレートファイルの<body>タグから、背景画像を読み込んでいるページ対し、URLによって、複数の背景画像をページ読み込み時に変更させたいのですが、どのようにすればよいか分かりません。 あまり、javascriptに関して詳しくないのですが、 document.getElementById()？？？～～を使ってBODYタグにidを指定すれば良いのか、何なのか手も足も出ない状態です。 対処方法をご存じの方はいらっしゃいますでしょうか？ 宜しく御願いいたします。
- nonchan000
- お礼率53% (35/66)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (1)
- steel_gray
- ベストアンサー率66% (1052/1578)
サンプルです。 sample1.htmlという名前で保存すればbodyのidがID1となり、 背景が赤に、 sample2.htmlという名前で保存すればbodyのidがID2となり、 背景が青に、 sample3.htmlという名前で保存すればbodyのidがID3となり、 背景がピンクになります。 <html> <head> <title></title> <style type="text/css"> body#ID1 { background-color:red; } body#ID2 { background-color:blue; } body#ID3 { background-color:pink; } </style> </head> <body> <script type="text/javascript"> var urlId = { 'sample1':'ID1', 'sample2':'ID2', 'sample3':'ID3' }; for(x in urlId){ if(location.href.match(x)){ document.body.id = urlId[x]; break; } } </script> <h1>さんぷる</h1> </body> </html>
お礼
有り難うございました。 動作を確認したところ、見事にしたかったことが実現できました。 現在javascript、php、MYSQL等を独学で勉強しているのですが、 元々デザイナーなもので、HTML・CSSはマスターしたものの、 プログラマーへの道へ進むのが難しく日々奮闘しています。 もし宜しければどのようにプログラミングを勉強していけば良いのか アドバイスを頂きたいです(><) 本当に有り難うございます。
お礼
有り難うございます。 全て最初から相手に答えを求めるのではなく、 ヒントをもらって、自分から答えを求めていく姿勢というのは、 学ぶという上で大切にしなければいけない事だと思います。 ただ現状社内では、１つの案件に対して、デザインラフ作成、HTML制作、クライアントとのやり取り・打ち合わせ、プログラミングまで全ての制作業を１人でまかなってやっている状況です。 WEB制作を仕事として本格的に初めてまだ３ヶ月なのですが（汗） その割には、他の受注案件がどんどん入ってきて、プレッシャーをかなり感じます。 又、WEBに関する知識をもつ人員が社内にほとんどいない為、 会社的にも理解しようとしてくれているのだとは思うのですが、 なぜ難しいのか、この状況がなぜ大変なのかを 本当の意味で理解してもらうには厳しい現状なのです。 ですので、分からない時にプログラミングについて 聞けるこのようなサイトはかなり助かっていますし、 分かってくれている人がちゃんといるんだという安心感も得られます。 有り難うございます。 これが「WEB屋」と世間的に言われている人間の現状なのでしょうか？？ ただ、全ての作業を１人で負うというのは、責任的にも大変なことですが、 良く言えば全てを１人で貪欲に学んでいける環境だとも言えます。 この状況を１つ１つクリア出来れば、いつの間にか高い所にいけるのかなあと、軌道に乗るまで今はがむしゃらに頑張っていこうと思っています。 有り難うございました。