下記のような記述で、ページを読み込むたびに、一部をランダムで別ページが表示されるようにしているのですが・・・
その際に、何回も読み込みをしカチカチとリンクをクリックした時のような音がし、1.htmlを表示したかと思えば3.htmlになったり5.htmlになったり(その時々で表示されるページは違いますが、多い時では5回以上変わります)します。
そして、ブラウザの戻るボタンを押しても一回では元のページに戻れなくなってしまいます。
ノートパソコンや、回線速度の遅い状況下で起こりやすいと思うのですが・・・
これはどうにかならないものでしょうか?
よろしくお願いします。
<script>
tsURL=[];
tsURL[0]="1.html";
tsURL[1]="2.html";
tsURL[2]="3.html";
tsURL[3]="4.html";
tsURL[4]="5.html";
</script>
<iframe style="margin-left:-3px;" width="620" height="142" name="tsz" align="center" frameborder="no" scrolling="no" onload="if(this.title==''){this.src=tsURL[Math.floor(Math.random()*5)];this.title=this.src;frm1=this;setTimeout('frm1.title=\'\';',1000)}">
</iframe>
No.2ベストアンサー
- 回答日時:
#1です。
こんな感じ?
<html>
<head>
<script type="text/javascript">
window.onload = function() {
var tsURL=['1.html','2.html','3.html','4.html','5.html'];
document.getElementById('ifrm1').src = tsURL[Math.floor(Math.random()*tsURL.length)];
}
</script>
</head>
<body>
test<br>
<iframe src="" width="620" height="142" id="ifrm1">
</iframe>
</body>
</html>
スクリプトがオフの場合を考慮するなら、iframeのsrcには初期状態でその場合に表示するものを指定しておくのが良いかも。(1.htmlなど)
この回答への補足
何度もお手数をお掛けします。
余計な読み込みは無くなったのですが、ブラウザの戻るボタンで戻る時にiframeの内容が2回表示されてしまいます。
2回戻るボタンを押さないと前のページに戻れないのです。
おまけに、一度戻るとブラウザの進むボタンでは進めなくなってしまいます。
これはどうしてなのでしょうか?
ちなみにブラウザの進むや戻るのボタンにカーソルを合わせた時に大元のページではなく、iframeの内容が表示されます。
「○○(iframeの内容)に戻る」みたいな感じです。
これも何か関係があるのでしょうか?
何回もすいませんが、宜しくお願いします。
No.1
- 回答日時:
かなりややこしい手順を取っているみたいですが、
1.html~5.htmlはみなtitleがないのだろうと想像します。
titleを見てリロードするか決めているけれど、その後で仮のtitleをつけて1秒後に消すようなことをしているので、onload時にtitleがなければいつまでもランダムにリロードを繰り返すという仕組みになっているのでは?
(再ロードにキャッシュを使用することで、なんとかなっているのかな?)
なぜわざわざそのような方法を取っているのか不明ですが、
iframeのオンロードではなく、親ページのロード時にiframeのsrcをランダムに設定してあげるようにするのでは、何か都合が悪いことでもあるのでしょうか?
この回答への補足
いいえ、単にこのやり方知らないだけです。
HP作成のサイトで見つけて応用しただけなので・・・
親ページのロード時にiframeのsrcをランダムに設定してあげるようにするには具体的にはどのように記述すれば良いのか教えて頂けないでしょうか?
ご面倒をお掛けしますが、宜しくお願いします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ユーザーが更新ボタンを押さな...
-
【SSI】include file、include ...
-
HP上のPDFファイルを保存禁止...
-
ウインドウを縮小しても文字を...
-
<a href="#" …>の意味を教えて...
-
bodyにidをつける理由は何ですか?
-
フォーカス移動抑止について
-
iframeの中から親ページをスム...
-
SQLのWHEREで全てを質問する方法
-
テーブル内の数値を自動で計算...
-
JavaScript でキーを送る
-
javascriptとApacheの設定
-
テキストをクリックすると答え...
-
javascriptでalertの文字列をコ...
-
cssにjavascriptを入れる?呼び...
-
getElementsByNameで要素が取得...
-
Jquery.PHPファイルのechoが表...
-
キーを押している間の時間を計...
-
onbeforeunload時のwindow.open...
-
別ファイルのfunctionの読み込み方
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【SSI】include file、include ...
-
ランダムにページにアクセスしたい
-
ユーザーが更新ボタンを押さな...
-
プルダウンと入力を両方行う検...
-
ウインドウを縮小しても文字を...
-
[html] リンク先のページのラジ...
-
HP上のPDFファイルを保存禁止...
-
Html(表)のExcel出力
-
ページを訪問者にたった一度だ...
-
HTML5のcanvasで描画がされない
-
index1.htmlからindex2.htmlに...
-
「街」や「428」や「かまいたち...
-
ifraameでのランダム表示時に不...
-
SDカードに入れたjavascriptフ...
-
WebBrowserコントロール(続き)
-
カウントダウンタイマー終了で...
-
javaScriptの記述方法
-
Javaを使って、ページ更新する...
-
VBAでIEの操作→サブウインド...
-
Visual Studio C# で htmlの文...
おすすめ情報