No.3ベストアンサー
- 回答日時:
こんにちはchoko21さん、xruzです。
self.if1.location.href で動作しましたか?
動かない場合は parent.if1.location.href でやってみてください。
こんな方法もありますよ
<html>
<head>
<title></title>
</head>
<script language="JavaScript">
<!--
function lnk(h) {
document.all("lnk").href=h.options[h.selectedIndex].value;
document.all("lnk").click();
}
//-->
</script>
<body>
<form name="f">
<select name="" size="1" onChange="lnk(this)">
<option value="javascript:void(0)">Select MENU
<option value="b.html">HTML B
<option value="c.html">HTML C
</select>
<a name="lnk" href="javascript:void(0)" target="B"></a>
</form>
<iframe name="B" src="about:blank" width="200px" height="200px" frameborder="1">
</iframe>
</body>
</html>
がんばってくださいね(~:~i
No.2
- 回答日時:
普通のフレーム<frameset></frameset>じゃなくって、
<iframe></iframe>ですよね。
それだったら、parent.フレーム名.location.href=
だと、a.htmがフレームの中に読まれるページの場合、たぶん動かないと思います。
self.フレーム名.location.href=
もしくは、
フレーム名.location.href=
で動くと思います。
私は、iframe使ってないので、あんまり自信ないですが。。
iframeのnameは、念のため英数半角で・・・。
a.htm,b.htm,c.htm,d.htmが同じディレクトリにあるとした場合の
a.htmのソース例:
=====================================================================
<html>
<head>
<title>sample</title>
</head>
<body>
<form>
<select onChange="self.if1.location.href=this.options[this.selectedIndex].value">
<option>リンク先を選択</option>
<option value="c.htm">cを表示</option>
<option value="d.htm">dを表示</option>
</select>
</form>
<iframe src="b.htm" name="if1">
</iframe>
</body>
</html>
=====================================================================
optionのvalueにa.htmからの相対パス。
もしくは絶対パスを入れればイイと思います。
何度もご回答ありがとうございました。
私の変な説明でも、こんな丁寧に答えてくれて本当にありがとうございます。
とても助かりました!!教えていただいたやり方でやってみたらうまくいきました!
No.1
- 回答日時:
えぇと、おっしゃっていることがよく解らないのですが、
「インラインフレームの中に表示されているセレクトボックスから他のインラインフレームにリンクを飛ばしたい」
ということでしょうか??
でしたら、A.htmlに、b.htmlとc.htmlというページがインラインフレームで表示されていて、b.htmlの表示されているインラインフレームにfra2という名前が付けられているものと仮定して、
c.htmlに
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function jump(sel)
{
if (sel.options[sel.selectedIndex].value)
{
window.parent.fra2.location.href = sel.options[sel.selectedIndex].value;
}
}
// -->
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<SELECT onChange="jump(this)">
<OPTION VALUE="">リンク
<OPTION VALUE="http://www.okweb.ne.jp/">OKWeb
<OPTION VALUE="http://www.goo.ne.jp/">Goo
</SELECT>
</FORM>
という感じでどうでしょう?
動作チェック済み、下記の参考サイトのスクリプトを参考に作成させていただきました。
参考URL:http://tohoho.wakusei.ne.jp/www.htm
この回答への補足
書き方がわかりにくくてごめんなさい!
つまり、普通の頁(a.htm)の中に
1つのインラインフレーム(b.htmが表示されていて、フレーム名はBと指定したとします)があって
a.htmにあるセレクトメニューのリンク先をb.htmが表示されているインラインフレームの中(B)に表示させたいんです。
a.htmのセレクトメニューのリンク先をどう指定して
Bに表示させるのか?・・・ということです。
説明が下手でごめんなさい。
このような指定の仕方はありますでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- LINE LINEのリッチメニューのリンク先について 1 2023/06/28 17:41
- その他(パソコン・スマホ・電化製品) ワードでテキストボックス内の文字を連動させない方法 2 2023/02/09 16:56
- 電子マネー・電子決済 モバイルWAONとイオンペイ 1 2023/02/14 08:47
- Facebook AndroidのFacebookモバイルブラウザ(Facebookアプリで外部リンクにアクセスするF 2 2023/01/26 18:23
- Excel(エクセル) エクセルからビジオのリンク貼り付け 1 2023/03/30 17:51
- HTML・CSS CSSでの文字位置の上下センタリング 3 2023/03/08 18:42
- 格安スマホ・SIMフリースマホ 楽天リンク通話と通常回線の通話について 4 2022/06/13 21:37
- 教育・学術・研究 英語の文献を論文に引用したいのですが、 見方がわかりません。 著者名:論文標題.雑誌名 巻数:初頁− 2 2022/07/03 02:25
- 消費者問題・詐欺 フィッシング詐欺メールに返信してしまった場合の対処法 3 2023/06/25 18:35
- 教育・学術・研究 英語の文献を論文に引用しようと思っています。 著者名:論文標題.雑誌名 巻数:初頁−終頁,発行年. 2 2022/07/07 19:04
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
WebサイトでHTMLのフォームに隠...
-
インラインフレーム内のマウス...
-
フレーム別に更新
-
CSSを使って画像をクリックする...
-
CSSによるFrameの代替方法
-
ブルダウンメニュー → インラ...
-
フレーム内のURLを表示させる方法
-
画面の一部だけ更新したいので...
-
フレーム分割しているページで...
-
pythonのエラーについての質問...
-
フレームで区切った時の隙間を...
-
2つのページを重ねたい
-
フレームの片方だけを更新(リロ...
-
フレームページが表示されない...
-
フレームページで表を表示させ...
-
フレームなしのページからフレ...
-
HTMの IFRAME タグの代わりにな...
-
ホームページでファイルをダウ...
-
<!DOCTYPE html>あってますか?...
-
<!DOCTYPE html>あってますか?...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
どのページもすべて同じURLなの...
-
フレーム内のPHPへPOSTで情報を...
-
pythonのエラーについての質問...
-
2つのページを重ねたい
-
フレームの片方だけを更新(リロ...
-
html 左メニューから右への表示...
-
URLを変えないで表示する方法
-
フレームページが表示されない...
-
スクロールできない
-
フレームで指定している送信先...
-
フレームが表示されない><
-
html リンクを別フレームに表...
-
ブラウザで4分割表示できますか?
-
直リンクとは。
-
frameの内容が表示されない
-
HTMLファイルの置き方による読...
-
CSSを使って画像をクリックする...
-
フレーム分割した全体をスクロ...
-
フレームの表示と非表示の切り替え
-
HPの一部に他のHPを表示
おすすめ情報