指定した「曜日」の「時刻」に違うＨＴＭＬを表示させるプログラム・２
- 指定した曜日と時刻によって異なるHTMLを表示させるプログラムを作成したいです。
- ジャバスクリプトのタグ内ではなく、フレームまたはアイフレーム内で指定した場所にHTMLを表示したいです。
- テレビ局のサイトのように、曜日の特定の時刻で特定の場所に要素を表示させたいです。
- ベストアンサー
指定した「曜日」の「時刻」に違うＨＴＭＬを表示させるプログラム・２
いつもお世話になっております。 ↓以前の質問 「指定した「曜日」の「時刻」に違うＨＴＭＬを表示させるプログラム」 http://oshiete1.goo.ne.jp/kotaeru.php3?q=1748111 やりたいことはほぼ解決しているのですが これを ●ジャバスクリプトのタグ内に表示させたいＨＴＭＬを記述する。 というやり方ではなく、 ●フレームまたはアイフレーム内に、指定した「曜日」の「時刻」によって、ＨＴＭＬ内の<a name="">タグで指定した任意の場所を表示する ・・・というやり方はないでしょうか。 テレビ局のサイトによくある 「ただいま放送中！」みたいな感じです↓ http://www.fujitv.co.jp/index.html ここまで細かくなくても、月曜日の12:00～15:00は、このページのこの場所を表示する。程度でいいのですが・・・ よろしくお願いします。
- chiroru2004
- お礼率63% (111/176)
- JavaScript
- 回答数4
- ありがとう数3
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
<script type="text/javascript"> var date,h,w,jump; function autoJump(){ date = new Date(); h = date.getHours() * 3600 + date.getMinutes() * 60 + date.getSeconds(); w = date.getDay(); if(h >= 0 && h < 21600){ jump = w + '1'; } else if(h > 21601 && h < 43200){ jump = w + '2'; } else if(h > 43201 && h < 64800) { jump = w + '3'; } else { jump = w + '4'; } location.replace('#' + jump); parent.top.scroll(0,0); } </script> こんなのでどうでしょう。 ちょっと嫌な感じもありますが。 設定の変更はプログラムを理解して適当に書き直してください。 javascriptに書かれている h は0時0分0秒を 0秒とした一日の秒数が入ります。 １分は60秒なので60(秒) １時間は60(秒)×60(分)で3600(秒) １日は60(秒)×60(分)×24(時間)で86400(秒)です。 午前3時0分0秒は 3×3600 秒です。 つまり if(h >= 0 && h < 10800){ alert('午前０時～午前３時'); } って感じです。 wは曜日の番号が入っています。 日曜日なら0 月曜日なら1 火曜日は2・・・と順番に進み土曜日が6になります。 if(h >= 0 && h < 21600){ jump = w + '1'; } else if(h > 21601 && h < 43200){ jump = w + '2'; } この場合、日曜日の午前０時～午前６時(21600秒)なら jump = 0 + '1'; となって、jumpには 01 が入ります。 水曜日の午前７時頃なら 32 です。 その後 location.replace('#' + jump); の部分で<a name="01"></a>や<a name="32"></a>にジャンプします。 Iframeが記載されたページもその場所へジャンプした後で parent.top.scroll(0,0); こいつで先頭の位置に戻しています。 ちょっとガタつくのが気になるかもですが、あまり良い方法が思いつきませんでした。 ということで、 １．if else文の追加 ２．適当な時間番号の編集 ３．<a name""></a>タグの追記 あたりで出来るんじゃ無いかと思います。
その他の回答 (3)
- みずの（@mizuno3）
- ベストアンサー率73% (192/263)
たびたびすいません。再修正です。 <script type="text/javascript"> var date,h,w; function autoJump(){ date = new Date(); h = date.getHours() * 3600 + date.getMinutes() * 60; w = date.getDay(); if(h > 1 && h <= 21600){ w = w + '1'; }else if(h > 21600 && h <= 43200){ w = w + '2'; } else if(h > 43200 && h <= 64800) { w = w + '3'; } else { w = w + '4'; } location.href('#' + w); } </script>
お礼
早速ありがとうございます！素晴らしいです。 しかし、できればもう２つ教えていただきたいのですが・・・ １．アイフレーム内に開くようにしたら、アイフレームを置いたページまで<a neme="">部分に一緒に移動してしまいます。これを防ぐ方法はあるでしょうか。 ２．時間帯が現在、0時～6時/7時～12時/13時～18時/14時～23時 と、なっていますが、これを変更および追加するためには、どこを書き換えればいいでしょうか。 度々お手数おかけして申し訳ありません。 よろしくお願いします m(＿)m
- みずの（@mizuno3）
- ベストアンサー率73% (192/263)
<script type="text/javascript"> var date,h,jump; function autoJump(){ date = new Date(); h = date.getHours() * 3600 + date.getMinutes() * 60; w = date.getDay(); if(h > 1 && h < 21600){ w = w + '1'; }else if(h > 21601 && h < 43200){ w = w + '2'; } else if(h > 43201 && h < 64800) { w = w + '3'; } else { w = w + '4'; } location.href('#' + w); } </script> こうですね。すいません。
- みずの（@mizuno3）
- ベストアンサー率73% (192/263)
<html> <head> <script type="text/javascript"> var date,h,jump; function autoJump(){ date = new Date(); h = date.getHours() * 3600 + date.getMinutes() * 60; w = date.getDay(); if(h > 1 && h < 21600){ w = w + '1'; }else if(h > 21601 && h < 43200){ w = w + '2'; } else if(h > 21601 && h < 43200) { w = w + '3'; } else { w = w + '4'; } location.href('#' + w); } </script> </head> <body onload="autoJump()"> <table> <tr><td>日曜日</td></tr> <tr><td><a name="01"></a>0時～6時</td></tr> <tr><td><a name="02"></a>7時～12時</td></tr> <tr><td><a name="03"></a>13時～18時</td></tr> <tr><td><a name="04"></a>14時～23時</td></tr> </table> <table> <tr><td>月曜日</td></tr> <tr><td><a name="11"></a>0時～6時</td></tr> <tr><td><a name="12"></a>7時～12時</td></tr> <tr><td><a name="13"></a>13時～18時</td></tr> <tr><td><a name="14"></a>14時～23時</td></tr> </table> <table> <tr><td>火曜日</td></tr> <tr><td><a name="21"></a>0時～6時</td></tr> <tr><td><a name="22"></a>7時～12時</td></tr> <tr><td><a name="23"></a>13時～18時</td></tr> <tr><td><a name="24"></a>14時～23時</td></tr> </table> <table> <tr><td>水曜日</td></tr> <tr><td><a name="31"></a>0時～6時</td></tr> <tr><td><a name="32"></a>7時～12時</td></tr> <tr><td><a name="33"></a>13時～18時</td></tr> <tr><td><a name="34"></a>14時～23時</td></tr> </table> <table> <tr><td>木曜日</td></tr> <tr><td><a name="41"></a>0時～6時</td></tr> <tr><td><a name="42"></a>7時～12時</td></tr> <tr><td><a name="43"></a>13時～18時</td></tr> <tr><td><a name="44"></a>14時～23時</td></tr> </table> <table> <tr><td>金曜日</td></tr> <tr><td><a name="51"></a>0時～6時</td></tr> <tr><td><a name="52"></a>7時～12時</td></tr> <tr><td><a name="53"></a>13時～18時</td></tr> <tr><td><a name="54"></a>14時～23時</td></tr> </table> <table> <tr><td>土曜日</td></tr> <tr><td><a name="61"></a>0時～6時</td></tr> <tr><td><a name="62"></a>7時～12時</td></tr> <tr><td><a name="63"></a>13時～18時</td></tr> <tr><td><a name="64"></a>14時～23時</td></tr> </table> </body> </html> 楽しそうなので書いてみました。 こんなのでどうでしょうか。
関連するQ&A
- 指定した「曜日」の「時刻」に違うＨＴＭＬを表示させるプログラム
いつもお世話になっております。 指定した「時刻」または「曜日」または「日付」に 違うＨＴＭＬを表示させるプログラムならば ↓のサンプルプログラム「時計」の５．で出来るのですが http://www2s.biglobe.ne.jp/~club_tom/java-kouza/ja-index.htm これを欲張って 指定した「曜日のさらに違う時刻」に 表示させるプログラムは無いでしょうか。 じっくり勉強する時間はないので フリーのサンプルプログラムや 上記の改造方法を教えていただければ 本当に助かります・・・ よろしくお願いします m(＿)m
- ベストアンサー
- JavaScript
- 現在時刻を表示させたい！
JavaScriptで、画面上に現在の時刻を表示させたいのですが、 <HEAD> <script type="text/javascript"> <!-- function jikoku() { dd = new Date(); document.F1.T1.value = dd.toLocaleString(); window.setTimeout("jikoku()", 1000); } // --> </script> </HEAD> <BODY onload="jikoku()"> <form name="F1" action="#"> <input type="text" name="T1" size=50> </form> </BODY> </HTML> とタグを打つと、「西暦/月/日にち/曜日/時刻/～」 と細かく出てきてしまいます。 ほんとうは、時刻以下、曜日から西暦までは必要ないんです。 現在時刻のみ（23:25:31)といった具合に×時×分×秒 の部分だけ表示させたいんです。 どうしたらいいか、教えてください。 お願いします。
- ベストアンサー
- JavaScript
- 曜日と時間を指定して表示画像を切り替える
JavaScriptの組み合わせになるかとは思うのですが。 例えば「月曜日の7:00-8:00」はimg01.gifで、それ以外の時間はimg02.gifとなるように するには、どのようなスクリプトを打てばいいのでしょうか？ ググってみて参考になりそうなサイトを見つけたのですが・・・うまく組み合わせることができません。 また、日付指定を利用して１年分もしくは１ヶ月分書いてもできるとは思うのですが、 出来れば軽さを考慮して曜日指定にしたいと思っています。 以下のサイト以外の方法以外でも結構ですので、よろしくお願いいたします。 「画像の自動差し替え（No.2回答補足）」 http://oshiete1.goo.ne.jp/kotaeru.php3?q=551922 「サンプル16」 http://www.usagi-js.com/sample/jssample2.htm 「指定した日付で画像を切り替え」 http://www2s.biglobe.ne.jp/~Hiro/js/GraphicChangerByDate.html ※
- 締切済み
- JavaScript
- HTMLに日時と曜日を表示できるタグを探しています
HTMLに日時と曜日を表示できるタグを探しています。 具体的には下記のように表示できればベストです。 03/16(水) 18:15 その他の条件は、以下のとおりです。 ・日本の時間は+0900、ハワイ州は-1000のようにタグで指定し、ひとつのページに複数の時計を表示できること ・サマータイムに対応していること ・サマータイムで表示する際は「03/16(水) 18:15 DST」のように最後にDSTがつくこと ・時間はリアルタイムで表示するすること ・通常のテキストと同じように表示するため、囲いは設けないこと ・日付と時間は「02/05」や「03:02」のようにゼロも表示する ・年と秒は不要
- 締切済み
- HTML
- エクセル 指定の曜日から日付を表示させる
エクセルに詳しい方がいらっしゃれば助けて下さい。 指定期間中の指定曜日の日付を表示させたいのですが可能でしょうか？ 例えば・・・ １１月１６日～１２月１５日の１ヶ月間で 毎週月曜日・水曜日・木曜日の日付がＢ１表示されるような事は可能でしょうか？ Ａ１ Ｂ１ 月曜日 水曜日 １１月１７日 木曜日 １１月１８日 月曜日 １１月２２日 水曜日 １１月２４日 木曜日 １１月２５日 ・・・・・ 指定期間と、指定曜日はファイルによってかえたいのですが・・・・。 エクセルの達人がいらっしゃれば教え下さい。
- ベストアンサー
- オフィス系ソフト
- HTMLとJAVASCRIPT
HTMLは、比較的簡単に打ち込めて、 簡易的なHPを作成できると思っています。 ジャバスクリプトというのは、 どのように打ち込むとHPが作成できるのでしょう？ そして、どう違うのですか？ 最近、HPのソースを表示すると、 なんだか「JAVASCRIPT」の文字をよく目にするようになりました。 僕も、HTMLタグだけじゃなく、 javascriptも使用してみたいです。 誰か参考になるサイト等、教えてください。 お願いします。 それと、ジャバスクリプトを使用したら、 どのような長所ができるのでしょうか？ 楽しいHPが作れるのは、聞いたことがあります。 画像を回転させたりしていましたので・・・。 誰か、ジャバスクリプトで作成したHP知っている人いたら、 教えてください。 最終的な質問内容 ・ジャバスクリプトとは？ ・ジャバスクリプトはどうやって打ち込むのか ・ジャバスクリプトについて、初心者でもわかるサイトを教えてください
- 締切済み
- JavaScript
- 曜日毎に読み込むｐｈｐを変更したい
はじめまして 曜日毎に読み込むｐｈｐを変更したいですが何もわかりません 調べたらジャバではあったんですがスタイルシートがううまく反映しませんでした で、ｐｈｐをインクルード方法を調べてみましたが曜日の条件分岐までは行けたんですがよくわかりません よろしくお願いします 月曜日（mon.phpを読み込んで表示） 火曜日（tue.phpを読み込んで表示） ・ ・ ・ 日曜日（sun.phpを読み込んで表示） もしくはweek.phpの中に 月曜・火曜・・・・日曜 の表示できるｈｔｍｌをかければいいです よろしくおねがいします
- 締切済み
- PHP
- ＨＴＭＬの新規ウィンドウ
ＨＴＭＬでの新規ウィンドウ ジャバスクリプトだと、ウィンドウの大きさなどの細かい指定ができるようですが、ＨＴＭＬでも、ウィンドウの大きさなどの指定は出来ますか？
- ベストアンサー
- HTML
- 透明のアイフレームが表示されません
アイフレームを設置して、 後ろの背景画像を透けるようにしたく、 スケルトンなアイフレームの HTMLタグを発見したのですが、 他の人のパソコンではちゃんと透明になっているのですが、 私のパソコンでは表示されません。 何か設定があるのでしょうか？ ちなみにパソコンは、IE5.0です。
- ベストアンサー
- HTML
- HTMLからPerlを呼び出すには？
今、Perlで他のサイトのtxtファイル（中身はliタグやaタグのHTMLファイルで、そのサイトではSSIで呼び出されています）を、入手して表示させるプログラムを作っています。 これを、呼び出して、あたかも私のサイトのように見せるにはどうすればよいでしょうか？ 現在はiframeを使ってそのままtxtファイルのアドレスを指定しているのですが、拡張子がtxtであるため、IEでしか見れないという不具合があります。 これを解決するために、とほほさんのwww入門 http://tohoho.wakusei.ne.jp/wwwperl2.htm#socket で紹介されているPerlを参考にしました。そのPerlのファイルをブラウザから直接URL指定すれば実行できるようにはなり、txtの中身が表示されるようになったのですが、どのようにHTMLから呼び出せばよいのかわかりません。 やはりSSIで実行するしかないのでしょうか。 javascriptの場合、<script>タグでHTMLに直接スクリプトを記述できますが、Perlでもそのようなことは可能ですか？
- ベストアンサー
- HTML
お礼
何度もありがとうございます！ 本当に助かります。おかげさまでＩＥではうまく表示しました。 「ガタつき」は殆ど気になりませんでした。 あと一歩のところまで来ました。 ・・・ので最後に可能であれば 「Ｏｐｅｒａでもうまく表示される方法」を 教えていただけないでしょうか。 私はデフォルトのブラウザはオペラを使っているのですが、このプログラムを追加してオペラで開こうとすると ページが脈うつ？ようになって止まらないんです。 お忙しいでしょうからとても無理は言えませんが 余力がありましたらよろしくお願いします・・ この質問はとりあえず１２/１６（金）に締切ります。