No.5ベストアンサー
- 回答日時:
> 切り替わるページはフレーム定義のページ名(a.html)、だけで、b.htmlとc.htmlのところには何と記述すれば良いのでしょうか。
。あれ、もしかして、
トップページ(画像クリック) → 上下フレームページ(下をランダムに変えたい)
ということですか??
すみません、ちょっと勘違いしてました^^;
これだったら、上下フレームページ(フレーム定義HTML)に細工をすればOKです。
(トップのHTMLでは、普通にフレームページにリンクすればOKです。)
<HTML>
<HEAD>
<TITLE>FRAMESET</TITLE>
<SCRIPT language="JavaScript"><!--
var page = new Array(
'a.html'
,'b.html'
,'c.html'
);
function choose_page() {
var dt = new Date();
var index = Math.ceil(dt.getTime() / 1000) % page.length;
open(page[index],"main","");
}
//--></SCRIPT>
</HEAD>
<FRAMESET rows="30%,*" onLoad="choose_page()">
<FRAME name="menu" src="ue.html">
<FRAME name="main" src="about:blank"> ← about:blank にしておく
</FRAMESET>
</HTML>
No.4
- 回答日時:
補足見ました。
なるべく最初にやりたいことを全部書いてください。
----
フレーム側ソース
---
<HTML>
<FRAMESET rows="150,*">
<FRAME SRC="ctrl.html" NAME="_header">
<FRAME NAME="_body">
</FRAMESET>
</HTML>
---
ctrl.html
---
<HTML>
<HEAD>
<script type="text/javascript">
var flag=0;
function viewURL()
{
var _url= ["http://www.yahoo.co.jp/","http://www.goo.ne.jp/" …];
t = Math.floor(Math.random()*_url.length);
top._body.location=_url[t];
}
</script>
</HEAD>
<BODY>
<A HREF="javascript:viewURL()"><IMAGE SRC="img1.jpg"></A>
</BODY>
</HTML>
No.3
- 回答日時:
> 切り替えたページというのはフレームで分割されたもので、下側のフレーム部分だけが3つ切り替わるようにしたいのです。
> その場合は、やはり、切り替わる3つのファイル分の「フレームセットのページ」を作成するしか無いのでしょうか?
いやいや、そんなことはないですよ。
フレームを定義している HTML の FRAME タグに、name 属性は指定していますか?
その name の値を open 関数の第2パラメータに指定すれば、指定したフレームのページが切り替わります。
(open 関数は、第2パラメータに指定された名前のウィンドウがなければ新たにウィンドウを開き、既にあればそのウィンドウに別のページを表示します。)
■フレーム定義のFRAMEタグには、nameを指定する。
<FRAMESET rows="30%,*" …>
<FRAME name="menu" src="ue.html">
<FRAME name="main" src="shita.html"> → 下側の名前を main にしたら…
</FRAMESET>
■クリックされた時の処理を、No.2の
var win = open(page[index], "NewPage", "");
から、
var win = open(page[index], "main", ""); ← ここも main にする
とする。
この回答への補足
駄目です。やってみましたがうまく行きません。
No.2の
var page = new Array( // ページのURL
'a.html'
,'b.html'
,'c.html'
);
とありますが、切り替わるページはフレーム定義のページ名(a.html)、だけで、b.htmlとc.htmlのところには何と記述すれば良いのでしょうか。。
素人で申し訳ありません。宜しくお願いします。
No.2
- 回答日時:
madman さんが、ランダムにページを表示する方法を挙げていますので、指定秒数ごとに表示されるページを切り替える方法を示します。
<HTML>
<HEAD>
<SCRIPT language="JavaScript"><!--
var index = 0;
var interval = 2000; // 切り替えタイミング(ミリ秒)
var page = new Array( // ページのURL
'a.html'
,'b.html'
,'c.html'
);
function count_up() {
index = (index + 1) % page.length;
setTimeout("count_up()", interval);
}
function open_page() {
var win = open(page[index], "NewPage", "");
win.focus();
}
//--></SCRIPT>
</HEAD>
<BODY onLoad="count_up()">
<A href="javascript:open_page()"><IMG src="***"></A>
</BODY>
</HTML>
参考URL:http://tohoho.wakusei.ne.jp/js/index.htm
この回答への補足
ありがとうございます。すばらしいです。
ところで、もう少し複雑なケースの場合についてお尋ねして宜しいでしょうか?
切り替えたページというのはフレームで分割されたもので、下側のフレーム部分だけが3つ切り替わるようにしたいのです。その場合は、やはり、切り替わる3つのファイル分の「フレームセットのページ」を作成するしか無いのでしょうか?
No.1
- 回答日時:
こんなのでしょうか
Mathを利用し、乱数を発生させ、0~3をランダムに変えさせています。
flagで1回目だけ新しいブラウザを開き、2回目以降は同じブラウザの中身だけ変えています。
---
<HTML>
<HEAD>
<script type="text/javascript">
varflag=0;
function viewURL()
{
var _url= ["http://www.yahoo.co.jp/","http://www.goo.ne.jp/" …];
t = Math.floor(Math.random()*_url.length);
if (flag == 0) {
subwin = window.open(_url[t],"subwin");
flag = 1;
}
else {
subwin.location.href=_url[t];
}
}
</script>
</HEAD>
<BODY>
<A HREF="javascript:viewURL()"><IMAGE SRC="img1.jpg"></A>
</BODY>
</HTML>
この回答への補足
ご回答頂きありがとうございました。すばらしいです。
ところで、追加で質問しても宜しいでしょうか?
切り替えるページというのはフレームで分割されたもので、下側のフレーム部分の内容だけが3つに切り替わる…というようにしたいのですが、その場合これ以上のページを作成しなくても切り替わるようにするのは可能でしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- PowerPoint(パワーポイント) パワーポイント アニメーション効果で、テキストと同時に画像を表示させる方法を教えてください 2 2022/09/12 21:06
- Windows 10 2つのウィンドウ選択時の表示について 10 2023/07/25 08:48
- その他(OS) Mac OSの操作について 2 2022/06/08 09:19
- Amazon Amazon 1 2023/02/13 16:07
- Excel(エクセル) エクセルで複数設定したハイパーリンク先を、どれを選んでも画面の左上に来るようにしたいのですが・・・ 3 2022/04/07 16:15
- XML ZOOMでオンラインミーティング 2 2022/08/16 11:42
- ノートパソコン PCのshift+右クリックについて 2 2022/08/22 08:52
- その他(ブラウザ) テキストを入れるときの縦線の点滅がそれ以外のブラウザ上にも表れます。 1 2022/07/29 21:55
- X(旧Twitter) ツィッターの画像表示について 1 2023/08/17 09:28
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Safariで<iframe>のinnerHTMLを...
-
上と左にフレームわけされてい...
-
エラー:書き込みができません ...
-
別フレームへのリンク文字上で...
-
<a href="#" …>の意味を教えて...
-
別ファイルのfunctionの読み込み方
-
JavascriptとJqueryを混在し記述
-
Dreamweaver で 外部JSを読み込...
-
pythonのWebスクレイピングでfi...
-
条件分岐で、読み込む外部スク...
-
bodyにidをつける理由は何ですか?
-
JavaScriptでiframeの内容を「...
-
function の return 値を表示し...
-
リンクをクリックすると文字が...
-
jqueryでのkeydownイベント発生...
-
ウィンドウ名の設定
-
擬似フレーム
-
Mac IE でスクリプトエラー
-
<FORM ACTION= をつけると「宣...
-
onloadで2つの関数を設定したい
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
スマホ上で、左右スワイプで次...
-
インラインフレームで表示され...
-
フレームを跨ぐドロップダウン...
-
子フレームの自動リロードは可...
-
別ページのインラインフレーム...
-
インラインフレームをドラッグ...
-
<iframe>~</iframe>内のwindow...
-
親フレームのURLによって、...
-
jqueryを利用してインラインフ...
-
エラー:書き込みができません ...
-
submitボタンで他のフレームを...
-
親フレームからkeydownイベント...
-
フレームでの右クリック禁止
-
別フレームの中にあるインライ...
-
フレームが入れ子状態です。フ...
-
別画面の関数の呼び出し
-
ワンクリック、ダブルウインド...
-
チェックボックスのチェックを...
-
親ウィンドウの別フレームを子...
-
フレーム分割すると動かない
おすすめ情報