現在ホームページを作成しているのですが、インラインフレームを一部使用して
作成しております。
インラインフレーム内に表示されるページが例えば、
contents1.html～contents100.html
以上のページを表示したいと思います。
その下に「戻る」と「進む」の画像を作成リンクを設定したいと考えております。
初期段階では「contents1.html」のページがインライン内に表示されているとします。
「進む」をクリックすると「contents2.html」が表示され、再び「進む」をクリックすると「contents3.html」が表示されるようにしたいと考えております。
フレーム内に表示されているページのURLを取得して「進む」に割り当てることは可能でしょうか。
「戻る」と「進む」はフレーム外に設定されております。
インラインフレーム内のページが変わると「進む」に設定されているリンク随時が変わるようにしたいのですが、ご教授頂けたら幸いで御座います。
よろしくお願いいたします
投稿日時 - 2008-11-09 02:25:02
0人が「このQ&Aが役に立った」と投票しています
回答（2件中 1～2件目)
たとえばこんな感じで
<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>
投稿日時 - 2008-11-10 01:19:45
