インラインフレーム内へのリンク

質問

上部にタイトルとドロップダウンメニューを表示した下に、インラインフレームを表示しています。
インラインフレーム内に表示する情報が長いため、ドロップダウンメニューでフレーム内の情報の途中何箇所かへリンクできるようにしたいと考えています。

メニューの切り替えによって、インラインフレーム内の表示を切り替えるには、どのようにしたらよいでしょうか？

申し訳ありませんが、至急教えてください。
よろしくお願いします。

回答No.1

leap_day · ベストアンサー

こんにちは

<iframe>内に表示されるHTMLの中で移したい場所に

<a name="***">

のように何箇所か作ってください（***は適当に名前を付けてください）

例としてiframe内のファイル名はtest1.htmlで移したい場所に<a name="A">、<a name="B">と置いてあります

<script language="javascript">
<!--
function link(n) {
if(n == "") { return false; }
else {
inline.location.href=n;
}
}
//-->
</script>

<form name="form">
<select name="sel" onChange="link(this[this.selectedIndex].value)">
<option value="">リンク場所</option>
<option value="test1.html#A">A</option>
<option value="test1.html#B">B</option>
</select>
</form>
<iframe src="test1.html"width=500" height="500" name="inline"></iframe>

スクリプト内で『』内は自由に変えてください
『inline』.location.href=n;　<=iframeのnameに必ずしてください
<form name="『form』">
<select name="『sel』"
<option value="">『リンク場所』</option>
<option value="『test1.html#A』">『A』</option>　<= (iframe表示ページのファイル名) # (<a name="***">の***の部分)として下さい
<iframe src="『test1.html』"width=『500』" height="『500』" name="『inline』">

お礼

できました！
丁寧な説明をありがとうございます