いつもお世話になっております。
↓以前の質問
「指定した「曜日」の「時刻」に違うHTMLを表示させるプログラム」
http://oshiete1.goo.ne.jp/kotaeru.php3?q=1748111
やりたいことはほぼ解決しているのですが
これを
●ジャバスクリプトのタグ内に表示させたいHTMLを記述する。
というやり方ではなく、
●フレームまたはアイフレーム内に、指定した「曜日」の「時刻」によって、HTML内の<a name="">タグで指定した任意の場所を表示する
・・・というやり方はないでしょうか。
テレビ局のサイトによくある
「ただいま放送中!」みたいな感じです↓
http://www.fujitv.co.jp/index.html
ここまで細かくなくても、月曜日の12:00~15:00は、このページのこの場所を表示する。程度でいいのですが・・・
よろしくお願いします。
No.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秒とした一日の秒数が入ります。
1分は60秒なので60(秒)
1時間は60(秒)×60(分)で3600(秒)
1日は60(秒)×60(分)×24(時間)で86400(秒)です。
午前3時0分0秒は 3×3600 秒です。 つまり
if(h >= 0 && h < 10800){
alert('午前0時~午前3時');
}
って感じです。
wは曜日の番号が入っています。
日曜日なら0 月曜日なら1 火曜日は2・・・と順番に進み土曜日が6になります。
if(h >= 0 && h < 21600){
jump = w + '1';
} else if(h > 21601 && h < 43200){
jump = w + '2';
}
この場合、日曜日の午前0時~午前6時(21600秒)なら
jump = 0 + '1';
となって、jumpには 01 が入ります。
水曜日の午前7時頃なら 32 です。
その後
location.replace('#' + jump);
の部分で<a name="01"></a>や<a name="32"></a>にジャンプします。
Iframeが記載されたページもその場所へジャンプした後で
parent.top.scroll(0,0);
こいつで先頭の位置に戻しています。
ちょっとガタつくのが気になるかもですが、あまり良い方法が思いつきませんでした。
ということで、
1.if else文の追加
2.適当な時間番号の編集
3.<a name""></a>タグの追記
あたりで出来るんじゃ無いかと思います。
何度もありがとうございます!
本当に助かります。おかげさまでIEではうまく表示しました。
「ガタつき」は殆ど気になりませんでした。
あと一歩のところまで来ました。
・・・ので最後に可能であれば
「Operaでもうまく表示される方法」を
教えていただけないでしょうか。
私はデフォルトのブラウザはオペラを使っているのですが、このプログラムを追加してオペラで開こうとすると
ページが脈うつ?ようになって止まらないんです。
お忙しいでしょうからとても無理は言えませんが
余力がありましたらよろしくお願いします・・
この質問はとりあえず12/16(金)に締切ります。
No.3
- 回答日時:
たびたびすいません。
再修正です。<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>
早速ありがとうございます!素晴らしいです。
しかし、できればもう2つ教えていただきたいのですが・・・
1.アイフレーム内に開くようにしたら、アイフレームを置いたページまで<a neme="">部分に一緒に移動してしまいます。これを防ぐ方法はあるでしょうか。
2.時間帯が現在、0時~6時/7時~12時/13時~18時/14時~23時 と、なっていますが、これを変更および追加するためには、どこを書き換えればいいでしょうか。
度々お手数おかけして申し訳ありません。
よろしくお願いします m(_)m
No.2
- 回答日時:
<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>
こうですね。すいません。
No.1
- 回答日時:
<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が見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Visual Basic(VBA) VBAにてメール作成した際、一部指定箇所のみ赤文字にしたいです。 下記の内容ですと作成されたメール本 1 2022/04/27 13:31
- Excel(エクセル) IF 関数で「〇〇 という文字を含む場合」の分岐処理で表示された数字はSUMで数字集計できますか? 3 2022/08/02 16:29
- Access(アクセス) Accessで予定表を作成しようとしてます。 テーブル フィールド名 連番 オートナンバー型 年月日 2 2023/07/23 11:40
- Excel(エクセル) エクセルVBA 任意のセルの選択時、指定のセルの値を表示 1 2023/04/21 08:13
- Excel(エクセル) 条件付き書式 ある範囲で色がついているセルと同行の別のセルに色を付けたい 4 2022/04/20 07:04
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- Excel(エクセル) 至急 Excel日付表示設定教えてください Excelの日付表示ですが、他者から送られてくるExce 6 2023/02/03 11:01
- Excel(エクセル) PHPプログラムをエクセルに張り付けると検索ボックスがでてくる! 3 2022/05/08 07:10
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
一覧から選択した行の行番号を...
-
ハイパーリンクを別ウインドウ...
-
動的なtableの値を取得したい
-
JavaScriptで特定のtdタグにcla...
-
階層式メニューをtableタグ内に
-
リンク色の変更
-
プルダウンで選択すると、DBの...
-
別ページからOnclickでテーブル...
-
JavaScriptでテーブルをクリッ...
-
【UWSC】HTML内のある部分を抽...
-
ラジオボタンとセルの連動
-
二次元配列に数字をランダムに...
-
データベース呼び出しに使用す...
-
特定<table>内の<td>の色を変える
-
tableの任意行にfocusをあてる
-
Select ボックスで選択した値を...
-
VBAからIE操作でログインできない
-
至急!GetElementById でtdの...
-
[Javascript]セル内の文字列の...
-
特定の文字列を挿入
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
特定<table>内の<td>の色を変える
-
プルダウンで選択すると、DBの...
-
一覧から選択した行の行番号を...
-
tableの任意行にfocusをあてる
-
ハイパーリンクを別ウインドウ...
-
JavaScriptで特定のtdタグにcla...
-
JavaScriptでテーブルをクリッ...
-
【UWSC】HTML内のある部分を抽...
-
至急!GetElementById でtdの...
-
チェックボックスにチェックが...
-
Selenium.ChromeDriverの使い方...
-
動的なtableの値を取得したい
-
JavaScriptでテーブルの行入れ替え
-
二次元配列に数字をランダムに...
-
テーブルの変数について
-
スクロールバーの表示位置を変...
-
Excelで作ったhtmlファイルのサ...
-
マウスをブラウザの外に出した...
-
テーブル行のクリックでチェッ...
-
jquery datatablesを使用 イン...
おすすめ情報