はじめまして。他のインラインフレームとプルダウンメニューの質問と
回答も見たのですが、自分のスクリプトと状況とは異なるようで問題の
解決には至っていません。
どなたかご教示頂けますでしょうか。宜しくお願い致します。
質問: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へのターゲットを指定すれば良いかなど
が分かりません。自分でも色々試しては見ましたがどんどん分からなく
なってきてしまいました。宜しくお願い致します。
No.1ベストアンサー
- 回答日時:
こんにちは
window.location.href=linkLoc;
ではなく
iframe1.location.href = linkLoc;
になります
この回答への補足
すみません。応用編で「メニュー3」のプルダウンメニューのみを新窓で開きたい場合のスクリプト記述方法をご教示頂けますでしょうか。
申し訳ありませんが宜しくお願い致します。
早速のご回答有難うございました!
教えて頂いたとおりに書き直したら動作するようになりました!
本当に有難うございました。今夜はすっきり眠れそうです。
No.2
- 回答日時:
こんにちは
メニュー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のみを別窓に表示させる方法共に成功しました。
本当に有難うございました!
今回教えて頂きますます自分でも勉強しなくては、と実感しました。
疑問は解決したので質問は締め切らせて頂こうと思います。
有難うございました!
これから試すのでまだ成功はしていませんがご教示頂いたとおりにいじって見ます。自分でも調べながらなんとか動作するように頑張ってみます!!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
javaスクリプト 一定時間経過後...
-
一つのボタンで2つの性格を持...
-
【続】 ポップアップ表示の後の...
-
ひとつのページから複数の小窓...
-
指定時間になったら、WEBサイト...
-
CSSのtransform: translate(-50...
-
aタグに直接style=""で:hoverを...
-
Excelで文字の幅を変える方法
-
エクセルでサイズに合ったもの...
-
PDFへてのテキストボックスにて...
-
htmlでテーブル内にテキストボ...
-
Excel で等間隔で縦線を引きた...
-
エクセルでサイズ指定でPOP...
-
エクセル 画面表示拡大率によ...
-
<tbody>は何のためにあるんでし...
-
text-alignの解除の方法
-
【Excel】代引手数料の算出
-
ホームページの幅??
-
CSSの設定
-
Excelの列や行の幅を表示...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
指定時間になったら、WEBサイト...
-
javascriptでタイトルバーを非...
-
window.openした時、親ウィンド...
-
window.close()で閉じられない
-
『入力文字列 + .html』 に...
-
HTMLでブラウザを終了させる方法
-
サブウインドウを開くときのフ...
-
showModalDialogで動的にページ...
-
Javascriptを使用したサムネイ...
-
location.hrefの使用条件について
-
子窓で送信したら、親ウィンド...
-
子Windowの操作(親Window遷移後)
-
index.htmlでも、表示させたい。
-
クリックで画像表示、さらに画...
-
ブラウザの「戻る」を禁止したい
-
小窓を表示させたい
-
トランジション効果を使ったペ...
-
【続】 ポップアップ表示の後の...
-
JavaScriptで作られた択一式テ...
-
javaスクリプト 一定時間経過後...
おすすめ情報