• 締切済み

季節毎に自動で異なるhtmlを表示させたい

四季にあわせて自動でHPのデザインを変更したいのです。 1~3月 4~6月 7~9月 10~12月 おおよそですが、上記の月始めにあわせてHPデザインが変わるのが理想です。 (4パターンのhtmlファイルは用意します。) javaスクリプトで動作させると思いますが、都合のよいサンプルが見つかりません;; 解りやすいページ等ありましたら、教えて頂けませんでしょうか? もちろん、ソースでも結構です。 htmlを変えるよりも cssだけ指定して変更ってのも可能なのでしょうか? 宜しくお願い致します。

みんなの回答

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

javascriptもよいのですが、javascriptを無効にされている場合は当然無効になります。 最も簡単なのは、スタイルシート自体を書き換えてしまうことです。 デザインを変えるようなサイトの場合、通常、代替スタイルシートを用意していると思われますが、そのうち、標準スタイルシートを代替スタイルシートから選択するようにするのが楽でしょう。 <link rel="stylesheet" type="text/css" media="screen" href="./CSS/standard.css"> <link rel="stylesheet" type="text/css" media="screen" href="./CSS/preferred.css" title="標準"> <link rel="Alternate Stylesheet" type="text/css" media="screen" href="./CSS/spring.css" title="春"> <link rel="Alternate Stylesheet" type="text/css" media="screen" href="./CSS/summer.css" title="夏"> <link rel="Alternate Stylesheet" type="text/css" media="screen" href="./CSS/autumn.css" title="秋"> <link rel="Alternate Stylesheet" type="text/css" media="screen" href="./CSS/winter.css" title="冬"> <link rel="Alternate Stylesheet" type="text/css" media="screen" href="./CSS/big.css" title="大きめでハイコントラスト"> <link rel="styleSheet" type="text/css" media="print,handheld" href="./CSS/print.css"> としておきます。  そのうえで、preferred.cssのみCGIとして動作させて、季節により代替スタイルシートのいずれかを出力するようにするのが良いでしょう。  こうしておくと、ユーザーが選択することも可能になります。 季節ではないですが コンテンツ ( http://hpcgi1.nifty.com/Iruka/contents.html )

  • chie65535
  • ベストアンサー率43% (8525/19381)
回答No.1

String DStr; Date date1 = new Date(); //現在の日時を持つDateオブジェクトを生成 //(2)SimpleDateFormatオブジェクトを生成 SimpleDateFormat sdf1 = new SimpleDateFormat("MM/dd"); DStr = sdf1.format(date1)); //(3)DateオブジェクトをフォーマットしてDStrに代入 if (DStr.compareTo("03/31") <= 0) { //1~3月 } elseif (DStr.compareTo("06/30") <= 0) { //4~6月 } elseif (DStr.compareTo("09/30") <= 0) { //7~9月 } else { //10~12月 }

関連するQ&A

  • <body>内のJavascriptでCSSを読み込んで適用させたい

    理想:http://iswebmag.hp.infoseek.co.jp/sample171.html ※↑IEでは動作するけどFFで動作しない こんな感じの動作をページ読み込み時に自動で実行したいのですが、 FireFox3では上手く動作しないようです。 何かいい方法はありませんでしょうか? html <body> <script type="text/javascript" src="roadcss.js"></script> </body> _____ roadcss.js function roadcss(){ document.createStyleSheet('http://file.tubamesound.blog.shinobi.jp/clap.css'); document.getElementsByTagName('center')[1].className="hide";} roadcss(); もちろん<head>内で直接読み込めばいいよとかはなしですよ?

  • js拡張子とFire fox

    fire fox (3.6.14)を使ってJava Scriptの簡単なサンプルを作成して、 拡張子をjsにすると ソースコードが表示され!???、スクリプトが正しく 表示されなくなり、困っています。  拡張子が html css php gpegなどの拡張子を使った場合のサンプ ルは正しく表示されます。 js以外の拡張子でJava Scriptを使う方 法とか、そのほかの解決法を教えてください。

  • JavaScript で指定した月日に別のページにジャンプさせるには?

    JavaScriptを使って「指定した月日に違うページを表示させる」事はできますか?Java Scriptのサンプル等を紹介してくれているHPなどではよく「数秒後に違うページにジャンプする」というのがありますが、日にちを指定して、その日になったら別の違うページを表示させたいと思っています。月日を指定することで別ページにジャンプさせることができるJavaScriptがあれば教えてください。初心者ですので、難しいことは分かりません。できればサンプルソースで変更箇所を教えて頂く形でお願いしたく、よろしくお願いいたします。

  • CSSのページ全体のデザインにつてい(カラム)

    HPのデザインをCSSで作ろうと思いますが、いざ、サンプルなど でやろうとしても、理解できない所があります。 参考になるHPはありますか? できればサンプルがあるサイトがいいです。

    • ベストアンサー
    • HTML
  • HTMLとJAVASCRIPT

    HTMLは、比較的簡単に打ち込めて、 簡易的なHPを作成できると思っています。 ジャバスクリプトというのは、 どのように打ち込むとHPが作成できるのでしょう? そして、どう違うのですか? 最近、HPのソースを表示すると、 なんだか「JAVASCRIPT」の文字をよく目にするようになりました。 僕も、HTMLタグだけじゃなく、 javascriptも使用してみたいです。 誰か参考になるサイト等、教えてください。 お願いします。 それと、ジャバスクリプトを使用したら、 どのような長所ができるのでしょうか? 楽しいHPが作れるのは、聞いたことがあります。 画像を回転させたりしていましたので・・・。 誰か、ジャバスクリプトで作成したHP知っている人いたら、 教えてください。 最終的な質問内容 ・ジャバスクリプトとは? ・ジャバスクリプトはどうやって打ち込むのか ・ジャバスクリプトについて、初心者でもわかるサイトを教えてください

  • 美人時計風JAVAスクリプトが上手く表示されない

    http://d.hatena.ne.jp/aomegane1985/20101223/1293084398 こちらのサイトで美人時計風JAVAスクリプトのソースがあったのでサイトに入れてみたのですが、画像が表示されません。 ■以下のディレクトリ構成で動きますー。 index.html sample.jpg img/ L HHMM.jpg と書いてあったので、index.htmlにソースを入れて、 sample.jpgと(L HHMM.jpg)時間ごとの画像をimgフォルダに入れてみたのですが、表示されません。 私は、初心者でJAVAスクリプトのことがよく分かりません。 サイトやブログに表示させることはどのようにしたらよいのでしょうか? お分かりになる方はお教え願えますでしょうか? よろしくお願いいたします。

  • cssで全ページの色を自動変更したいのですが

    トップページにて一度色を選ぶと、 cssの読み込みを変更させて全ページの色を自動で変更するような 事をしたいのですが、それは可能なのでしょうか? ちょっとうまく説明できないのですが 例えば http://www.apple.com/jp/ipodshuffle/features.html (アップルのipod shuffleのページ) 上記のページのような、ボタンを押す事によって、そのページ内のcssの読み込みを変更させる事は出来るのですが、 トップページで一回色選択ボタンを押し、Enterを押すと 中に入るページは自動的にその選んだ色になるようにしたいのであります。(つまりトップページでの操作ですべてのページのcss読み込みを自動的に変更させたいのです) 上記方法の対策としては、各色毎に全ページ用意し、 enterを押したらそれぞれのページを読み込ませるようにすればいいのですが、出来ればjavaスクリプトか、phpなどの自動システムで実現させたいと思っています。 どなたかやりかたをご存知でしたら教えていただけると幸いです。

  • 覚えるのはJavaスクリプトでいいんでしょうか?(カンタンですか?)

    最近独学でHTMLとCSSを覚えて、はじめて自分のHPを公開しました。イラスト等描くのが好きなのですが、画像のスライドショーのページの作り方はわからなかったので、外部のサイトからサンプルをお借りして作りました。サンプルソースを見ると、「Javascript」という言葉が何度も出てきているし、「JAVAスクリプトを使えばゲーム的なものを作りやすいようだ・・」という風に漠然と理解したので、javaスクリプトを覚えようと思うんですが、 他にもプログラムって色々あるじゃないですか?HTMLとCSSを覚えたら、次に覚えるべきなのは何でしょうか? 具体的にやりたい事⇒ランダムで別のページに飛ばしたり、ダンジョンRPG風、またはシナリオ分岐を作ったりして、ゲームっぽいものを作ってみたいです。あとは、画像のスライドショーなどを自分で工夫して(ソースを)書けるようになりたいです。

  • ソースコード記載のHPを教えてください

    4択問題のようなクイズゲームのソースが載ってるHPを探しているのですが、JAVAスクリプトばかりでてきてJAVAが見つかりません。 4択にこだわっているわけではありませんが、言語はJAVAで、選択問題形式のソースを探しています(○×でもOKです)。 HPに載っている、もしくはソースを教えていただけませんでしょうか。お願いします。

  • DreamWeaverについて

    DreamWeaverを使ってHPを作ろうとしているのですが、どの参考書を読めばいいのか迷っています。 この参考書がいいのではというのがあれば教えてください。 HTML CSS Java Script PHP 等もお願いします。

専門家に質問してみよう