ここから質問投稿すると、最大4000ポイント当たる!!!! >>

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

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

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

<HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!--
function menuLink(linkLoc)
{ if(linkLoc !="") { window.location.href=linkLoc;} }
//-->
</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,"MS Pゴシック";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,"MS Pゴシック";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,"MS Pゴシック";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へのターゲットを指定すれば良いかなど
が分かりません。自分でも色々試しては見ましたがどんどん分からなく
なってきてしまいました。宜しくお願い致します。
 

このQ&Aに関連する最新のQ&A

A 回答 (2件)

こんにちは



window.location.href=linkLoc;

ではなく

iframe1.location.href = linkLoc;

になります

この回答への補足

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

補足日時:2008/03/10 09:11
    • good
    • 0
この回答へのお礼

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

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

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

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

こんにちは



メニュー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
    • good
    • 0
この回答へのお礼

有難うございました!

これから試すのでまだ成功はしていませんがご教示頂いたとおりにいじって見ます。自分でも調べながらなんとか動作するように頑張ってみます!!

お礼日時:2008/03/11 04:48

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


人気Q&Aランキング