アイフレームを利用しているのですが
セレクトメニューでリンクするタグがありますよね?
普通だと、その同じ頁内にリンクされるのですが
アイフレームを利用しているので他の頁にリンクさせた員です。
セレクトメニューのリンクで他のフレーム(頁)にリンクさせるには
どうしたらいいですか?

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

A 回答 (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
    • good
    • 0
この回答へのお礼

ありがとうございました。おかげで見事、リンクをインラインフレームの中に
表示させることが出来ました!
本当に助かりました!

お礼日時:2001/12/26 16:30

普通のフレーム<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からの相対パス。
もしくは絶対パスを入れればイイと思います。
    • good
    • 0
この回答へのお礼

何度もご回答ありがとうございました。
私の変な説明でも、こんな丁寧に答えてくれて本当にありがとうございます。
とても助かりました!!教えていただいたやり方でやってみたらうまくいきました!

お礼日時:2001/12/26 16:32

えぇと、おっしゃっていることがよく解らないのですが、


「インラインフレームの中に表示されているセレクトボックスから他のインラインフレームにリンクを飛ばしたい」
ということでしょうか??
でしたら、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に表示させるのか?・・・ということです。

説明が下手でごめんなさい。

このような指定の仕方はありますでしょうか?

補足日時:2001/12/26 02:09
    • good
    • 0

このQ&Aに関連する人気のQ&A

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

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qフレームを使って片方のページ(アイフレームの枠の中)にリンクするにはどうすればいいのですか?

タイトルのままです。
今、上下に画面を分割し、
上の方にリンクをいくつか入れてます。

そのリンクボタンを押すと、
別窓で開いてしまうんです。
下のフレームにリンクさせたいんです!

初心者なので、難しい単語とかは分からないかも
しれません…。

どんなタグを、どのソースのどこに入れればよいのか
丁寧に教えてくださると分かりやすいです!

では、待ってます。

Aベストアンサー

表示指定先(target="")はフレーム名を指定していますか?
フレーム名(name="")は指定してありますか?
フレーム名は半角英数(拡張子不要)で指定してありますか?

http://www.tagindex.com/html_tag/frame/frame_name.html
http://www.tagindex.com/html_tag/frame/i_name.html
http://www.tagindex.com/html_tag/frame/a_target.html

QInternet Explorerになぜフレームイン(フレーム外し?フレームリンク?)の機能がないのでしょうか?

 ど近眼で、しかも15インチCRTなので、640×480ピクセルで見ていますが、そうすると、2~3個フレームがあると、各フレームがせまくて見づらくて仕方ありません。
 Internet Explorerなどのブラウザには、なぜフレームイン(フレーム外し?フレームリンク?)の機能がないのでしょうか?
 ついでに、そういう機能をもったブラウザソフトがあるならば紹介してください。

Aベストアンサー

ツールなら、YunaToysが便利ですね。
このソフトを使えば、右クリック→ゆなデュプリケート という操作で、フレームの中身のみを新しいウインドウで開くことが出来ます。

参考URL:http://www.uryusoft.com/

Q複数フレーム同時リンクタグ

   A
=======
   B
=======
   C

フレーム分けしたhtml名→top.html


と、縦3分割されたHPを作った際に
Aのフレーム内のリンクを押した際にtarget設定でB
とCのフレーム内を同時に変更する方法を探しています

HPの構造上、BとC部分に1つの新しいフレームページを設けて
そちらのフレームサイトへリンクをさせるという方法はできないです
あとJAVAスクリプトを使用した

<SCRIPT TYPE="text/javascript">
<!--

function jump(){


parent.B.location.href = "B.html";
parent.C.location.href = "C.html";

という方法でできるそうなのですが
以前自分では
HTML言語の<a herfの派生のようなタグで
これが実現できていました
このタグを知りたいのですが以前のデータ消失&検索してもなぜか引っかからずで困っております・・・

どなたか教えてください

   A
=======
   B
=======
   C

フレーム分けしたhtml名→top.html


と、縦3分割されたHPを作った際に
Aのフレーム内のリンクを押した際にtarget設定でB
とCのフレーム内を同時に変更する方法を探しています

HPの構造上、BとC部分に1つの新しいフレームページを設けて
そちらのフレームサイトへリンクをさせるという方法はできないです
あとJAVAスクリプトを使用した

<SCRIPT TYPE="text/javascript">
<!--

function jump(){


parent.B.location.href =...続きを読む

Aベストアンサー

各フレームを読み込むフレームセットページにリンクすればよいのでは

Qアイフレーム内でのリンク

フレームの外にアイコン画像を張り、そのアイコンをクリックすると、フレーム内のページが変わるようにしたいのですが、タグの打ち方がわかりません。
元となるタグはわかったのですが、画像アドレスやフレーム内のアドレスを入力しても、上手くいかずに別のウィンドウでリンクしてしまったりするんです。
初心者なので、どうしたらいいかわからなくて・・・。
どなたか、分かりやすく教えていただけると嬉しいです。
宜しくお願いします。

Aベストアンサー

 
アイフレームのタグの中に「NAME="ai"」を、
リンクのタグのほうには「TARGET="ai"」を、
それぞれ入れてみてください~

つまり、アイフレームのタグを
<IFRAME NAME="ai" SRC="★" WIDTH=★ HEIGHT=★></IFRAME>
↑こんな感じにして、リンクのほうを
<a href="★" target="ai">○○</a>
↑こうしてやれば、うまくゆきます。

ちなみに、「ai」というのは、わたしが勝手
に考えました。そこは何でもいいんですよ♪

ではでは。頑張ってくださいねぇ~~
 

Qフレームで同一ページにリンクさせるタグ

こんばんは、よく長くスクロールしてるページは
同一内でリンクさせると便利と聞いたんですが
それってフレームページでもできますか?

下のように左にメニューがあって、右にメインのコンテンツを置いたとフレームページがあるとして

メニュー      メイン
1         1
2         2
3         3

メニューの1からメインの1へ、メニューの2からメインの2への
同じく3と続いた場合、リンクの貼り方のタグはどのようになるでしょう?
なるべくどのブラウザで見ても大丈夫なようにしたいのですが。
特にwinとmac両方でもいけるタグってありますでしょうか。
よろしくお願いします。

Aベストアンサー

こんにちは

【メニュー.html】
<a href="メイン.html#no1" target="右フレームname">1</a><br>
<a htre="メイン.html#no2" target="右フレームname">2</a><br>
<a href="メイン.html#no3" target="右フレームname">3</a><br>

【メインhtml】
<a name="no1">1</a>
・・・・・
<a name="no2">2</a>
・・・・・
< a name="no3">3</a>
・・・・・

で出来ると思いますがmacはもっていないので確認できていません(--;)


このカテゴリの人気Q&Aランキング

おすすめ情報