はじめまして。他のインラインフレームとプルダウンメニューの質問と回答も見たのですが、自分のスクリプトと状況とは異なるようで問題の解決には至っていません。どなたかご教示頂けますでしょうか。宜しくお願い致します。質問：３つのプルダウンメニュー（フォームは３つ作成）をひとつの iframe に表示する際のスクリプトの書き方とターゲットの指定方法を教えてください。現在のスクリプトは下記の通りです。メニュー1 選択してください Home What's New Gallery Diary Map Profile メニュー2 選択してください Home What's New Gallery Diary Map Profile メニュー3 選択してください Home What's New Gallery Diary Map Profile 見てお分かりの通り、プルダウンメニューとiframeへのつながりがありません。。。どこにiframeへのターゲットを指定すれば良いかなどが分かりません。自分でも色々試しては見ましたがどんどん分からなくなってきてしまいました。宜しくお願い致します。

インラインフレーと複数プルダウンメニューのリンク方法

解決済

質問者：odagiri_32
質問日時：2008/03/10 06:49
回答数：2件

はじめまして。他のインラインフレームとプルダウンメニューの質問と
回答も見たのですが、自分のスクリプトと状況とは異なるようで問題の
解決には至っていません。
どなたかご教示頂けますでしょうか。宜しくお願い致します。

質問：３つのプルダウンメニュー（フォームは３つ作成）をひとつの
iframe に表示する際のスクリプトの書き方とターゲットの指定方法を
教えてください。

現在のスクリプトは下記の通りです。

<HEAD>

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

</HEAD>

<IFRAME src="impressum.html" align="middle" scrolling="AUTO" frameborder="0" name="iframe1" width="785" height="400"></IFRAME>

<FORM>
メニュー1<SELECT onchange="menuLink(this.options[this.selectedIndex].value)" style=': font-size : 13px;font-family : Verdana,"ＭＳＰゴシック";line-height : 18px;width : 200px;position : fixed;'>
<OPTION SELECTED>選択してください</OPTION>
<OPTION VALUE="index.html">Home</OPTION>
<OPTION VALUE="new.html">What's New</OPTION>
<OPTION VALUE="gallery.html">Gallery</OPTION>
<OPTION VALUE="diary.html">Diary</OPTION>
<OPTION VALUE="map.html">Map</OPTION>
<OPTION VALUE="profile.html">Profile</OPTION>
</SELECT>
</FORM

<FORM>
メニュー2<SELECT onchange="menuLink(this.options[this.selectedIndex].value)" style=': font-size : 13px;font-family : Verdana,"ＭＳＰゴシック";line-height : 18px;width : 200px;position : fixed;'>
<OPTION SELECTED>選択してください</OPTION>
<OPTION VALUE="index.html">Home</OPTION>
<OPTION VALUE="new.html">What's New</OPTION>
<OPTION VALUE="gallery.html">Gallery</OPTION>
<OPTION VALUE="diary.html">Diary</OPTION>
<OPTION VALUE="map.html">Map</OPTION>
<OPTION VALUE="profile.html">Profile</OPTION>
</SELECT>
</FORM>

<FORM>
メニュー3<SELECT onchange="menuLink(this.options[this.selectedIndex].value)" style=': font-size : 13px;font-family : Verdana,"ＭＳＰゴシック";line-height : 18px;width : 200px;position : fixed;'>
<OPTION SELECTED>選択してください</OPTION>
<OPTION VALUE="index.html">Home</OPTION>
<OPTION VALUE="new.html">What's New</OPTION>
<OPTION VALUE="gallery.html">Gallery</OPTION>
<OPTION VALUE="diary.html">Diary</OPTION>
<OPTION VALUE="map.html">Map</OPTION>
<OPTION VALUE="profile.html">Profile</OPTION>
</SELECT>
</FORM>

見てお分かりの通り、プルダウンメニューとiframeへのつながりが
ありません。。。どこにiframeへのターゲットを指定すれば良いかなど
が分かりません。自分でも色々試しては見ましたがどんどん分からなく
なってきてしまいました。宜しくお願い致します。

通報する

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

質問の本文を隠す

回答 (2件)

No.1ベストアンサー

回答者： leap_day
回答日時：2008/03/10 06:58

こんにちは

window.location.href=linkLoc;

ではなく

iframe1.location.href = linkLoc;

になります

この回答への補足

すみません。応用編で「メニュー3」のプルダウンメニューのみを新窓で開きたい場合のスクリプト記述方法をご教示頂けますでしょうか。
申し訳ありませんが宜しくお願い致します。

補足日時：2008/03/10 09:11

通報する

- 0
- 件

通報する

この回答へのお礼

早速のご回答有難うございました！

教えて頂いたとおりに書き直したら動作するようになりました！

本当に有難うございました。今夜はすっきり眠れそうです。

通報する

お礼日時：2008/03/10 08:55

No.2

回答者： leap_day
回答日時：2008/03/10 09:35

こんにちは

メニュー3だけ別のfunctionを呼び出してやればいいですよ

メニュー3<SELECT onchange="Link(this.options[this.selectedIndex].value)">

function Link(linkLoc) {
if(linkLoc !="") { window.location.href=linkLoc;}
}

新窓・・・というのは別窓のこと？
function Link(linkLoc) {
if(linkLoc !="") {
window.open(linkLoc,"");
}
}
※サイズ指定とかもできるけど省略してます『window.open』などで検索してみてください

この回答への補足

早速試したところ出来ました！
各プルダウンメニューを一つのiframe にリンクさせる方法と、メニュー3のみを別窓に表示させる方法共に成功しました。

本当に有難うございました！

今回教えて頂きますます自分でも勉強しなくては、と実感しました。
疑問は解決したので質問は締め切らせて頂こうと思います。

補足日時：2008/03/11 04:49

通報する