動的に最も低いフレームを変更します

私は、各フレームに異なるページを表示する3つのフレーム、上部、中央、および下部を持つページを持っています。ミドルフレームのボタンをクリックすると、3番目のフレームを変更したいと思います。動的に最も低いフレームを変更します

メインページ：

それがクリックされたときに下のフレームは、現在別のページを表示するようにセットアップがmiddle.htmページ内のボタンである私は何をいただきたい

<html> 
<frameset rows="475,6%,*"> 
    <frame name="top" scrolling="no" noresize target="middle" src="top.htm"> 
    <frame name="middle" src="middle.htm" scrolling="no" noresize> 
    <frame name="bottom" src="bottom.htm" scrolling="no" noresize> 
    <noframes> 
    <body> 

    <p>This page uses frames, but your browser doesn't support them.</p> 

    </body> 
    </noframes> 
</frameset>

。

これを設定する方法はありますか？

TIA

出典

2012-01-13 user1148224

を？ 'top.frames ['bottom']。location.href = 'otherpagehere.htm';'リンク経由ですか？ 'Link' –

てみtop.document.getElementsByName("bottom")[ 0 ].src = "YOUR_NEW_PAGE"

出典

2012-01-13 17:52:47

'top'で接頭辞' document'に接頭辞を付ける（コードがフレーム内から呼び出されるため）、間違った綴りのメソッドを正しいものに置き換えます。最終結果： 'top.document.getElementsByName（" bottom "）[0] .src =" YOUR_NEW_PAGE ";' –

@RobWありがとう=） –

私はフレームを使用することはお勧めしませんが、あなたはこの試みることができる：JavaScriptで

<script> 
function changePage(strPage) 
{ 
parent.middle.location.href = strPage; 
} 
</script> 

<a href="javascript:void(0);" onClick="changePage('page1.htm')">Page 1</a> 
<a href="javascript:void(0);" onClick="changePage('page2.htm')">Page 2</a> 
<a href="javascript:void(0);" onClick="changePage('page3.htm')">Page 3</a> 
<a href="javascript:void(0);" onClick="changePage('body.htm')">Home</a>

出典

2012-01-13 18:00:31

動的に最も低いフレームを変更します

答えて

関連する問題