iframeごとに戻るボタンを

解決済

質問者：syuricyan
質問日時：2008/03/01 08:09
回答数：2件

１ページ内に２つの iframe があります。

<a href="http:ok～～" target="aaa">Ａ</a>
<iframe name="aaa"></frame>
<a href="http:goo～～" target="bbb">Ｂ</a>
<iframe name="bbb"></frame>

（詳細略）

Ａを開いて２～３度フレーム内移動して、Ｂを開いて２～３度フレーム内移動します。
ここでブラウザの戻るボタンを押すと、この順番の逆をたどります。
つまりＢの戻りを経ないとＡの戻りができません。

Ａでの移動の戻りを直接やりたいのですが、
フレームごとに戻らせるようにするためには、どういう構文になるのでしょうか？

一応それぞれに、

<a Href="javascript:history.go(-1)" target="aaa">戻る</a>
<a Href="javascript:history.go(-1)" target="bbb">戻る</a>

とやってはみましたが、実行するとエラーになってしまうようです。

よろしくご回答の程お願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： auty
回答日時：2008/03/02 05:02

JavaScriptは、おそらくセキュリティのために、前後に行き来する他はヒストリーを制御することが出来なくなっているようです。

更に、現在、ヒストリーの何処に居るのかさえも取得できません。そのためご希望の機能（実は良く分かっていませんが。）を実現することは困難に思われます。

そのうえで、どの程度のことまで出来そうか一例を示してみます。

機能は、

・　行き来する回数を指定する。
　　このため、例えば、戻る回数を覚えていなければなりません。

・　大きすぎる数値を入力したときは、何も起こりません。

となっています。プログラムは以下の通りです。

--------------------------------------------------------------------------------
<html>
<head>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>page</title>
<script language="JavaScript" type="text/javascript">

</script>
</head>

<body onload='checkHistory();'>
<input type="button" value="ヒストリーチェック" onClick='checkHistory();'>
ヒストリー総数:
<input type="text" id="lenA" size="4">

<form name="keisan" action="">
<hr />
方向：　
<label><input type="radio" name="direct" value="-1" checked="checked" onchange="changeDirect(this.value)">＜--戻る</label>　
<label><input type="radio" name="direct" value="1" onchange="changeDirect(this.value)">進む--＞</label>
<hr />
<label><input type="radio" name="far" value="1" onClick="moveHistory(this.value)">1</label>　
<label><input type="radio" name="far" value="2" onClick="moveHistory(this.value)">2</label>　
<label><input type="radio" name="far" value="3" onClick="moveHistory(this.value)">3</label>　
<label><input type="radio" name="far" value="4" onClick="moveHistory(this.value)">4</label>　
<label><input type="radio" name="far" value="5" onClick="moveHistory(this.value)">5</label>　
<label><input type="radio" name="far" value="6" onClick="moveHistory(this.value)">6</label>　
<label><input type="radio" name="far" value="7" onClick="moveHistory(this.value)">7</label>　
<label><input type="radio" name="far" value="8" onClick="moveHistory(this.value)">8</label>　
<label><input type="radio" name="far" value="9" onClick="moveHistory(this.value)">9</label>　
<label><input type="radio" name="far" value="10" onClick="moveHistory(this.value)">10</label>　
<hr />
<input type="button" value="戻る回数入力" onClick='setCount();'>
</form>
<hr />
<a href="http://okwave.jp/" target="aaa">ＡBB</a>
<iframe src="http://okwave.jp/" name="aaa" width=800 height=300></iframe>
<hr />
<a href="http://www.goo.ne.jp/" target="bbb">ＢBB</a>
<iframe src="http://www.goo.ne.jp/" name="bbb" width=800 height=300></iframe>
</body>
</html>
--------------------------------------------------------------------------------