フレーム内に表示されているページのURLを取得して「進む」に割り当てることは可能でしょうか。

質問

現在ホームページを作成しているのですが、インラインフレームを一部使用して
作成しております。

インラインフレーム内に表示されるページが例えば、
contents1.html～contents100.html

以上のページを表示したいと思います。

その下に「戻る」と「進む」の画像を作成リンクを設定したいと考えております。

初期段階では「contents1.html」のページがインライン内に表示されているとします。

「進む」をクリックすると「contents2.html」が表示され、再び「進む」をクリックすると「contents3.html」が表示されるようにしたいと考えております。

フレーム内に表示されているページのURLを取得して「進む」に割り当てることは可能でしょうか。

「戻る」と「進む」はフレーム外に設定されております。

インラインフレーム内のページが変わると「進む」に設定されているリンク随時が変わるようにしたいのですが、ご教授頂けたら幸いで御座います。

よろしくお願いいたします

回答No.2

pick52

基本的にはJavaScriptを使用することになりますが、JavaScriptは
対応状況などがクライアント依存で、クライアント側で無効にする
こともできます。
(セキュリティ対策で無効にしている人も結構いるようです)

Webではそういった人たちに対しても何らかの対策を取ることが
強く推奨されているのですが、そこまでこだわらないならせｍて
JavaScriptに対応している環境でJavaScriptを有効にして利用して
くださいのように書いておくべきでしょうね。

回答No.1

yambejp

たとえばこんな感じで

<script>
function go(num){
var if0=document.getElementById('if0');
var min=1;
var max=100;
var reg=new RegExp('contents(\\d+)\.html');
if(if0.src.match(reg)){
var n=Number(RegExp.$1)+num;
if(n<min) n=min;
if(n>max) n=max;
if0.src="contents"+n.toString()+".html";
}
}
</script>
<form id="f0">
<input type="button" value="<<modoru" onclick="go(-1)">
<input type="button" value="susumu>>" onclick="go(1)">
</form>
<iframe id="if0" src="contents1.html">
</iframe>