• ベストアンサー

インラインフレームについて

いろいろ調べてみたのですが分からないので教えてください。 一つのページ内に、インラインフレーム「A」と「B」を置き(つまり2つ) 片方のインラインフレーム「A」内に置いたリンクボタンをクリックしたら、 もう片方のインラインフレーム「B」内が変わるようにしたいのですが、targetはどう指定したらよいのでしょう。 例えば、 http://www.tagindex.com/html_tag/frame/i_index01.html こちらのページだと、 サンプル1にリンクを置いてサンプル2の表示が変わるようにしたいのです。 宜しくお願い致しますm(＿)m

  • dix
  • お礼率77% (47/61)

質問者が選んだベストアンサー

  • ベストアンサー
  • gura_
  • ベストアンサー率44% (749/1683)
回答No.1

　<frameset>の時と同じように、ベースとなるページで、各iframeに名前をつけ、リンクのターゲットでその名前を記述します。例↓ 【base page】 <HTML><HEAD> <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; CHARSET=Shift_JIS"> <TITLE>IFRAMEサンプル</TITLE> </HEAD> <BODY BGCOLOR="#FFFFFF" TEXT="#2B2B2B" LINK="#0000FF" VLINK="#0000A0" ALINK="#FF8000"> <CENTER> <H1>IFRAMEのサンプルです</H1> <HR SIZE="1" COLOR="#C0C0C0"> <BR> <IFRAME name="a" SRC="isample_a.html" WIDTH="600" HEIGHT="150">IFRAME未対応ブラウザでは表示されません</IFRAME> <BR><BR> <TABLE BORDER="0" WIDTH="600" CELLSPACING="0" CELLPADDING="0"> <TR> <TD WIDTH="300"> <IFRAME name="b" SRC="isample_b.html" WIDTH="250" HEIGHT="100"></IFRAME> <BR><BR> <IFRAME name="c" SRC="isample_c.html" WIDTH="250" HEIGHT="100"></IFRAME> </TD> <TD ALIGN="right" WIDTH="300"> <IFRAME name="d" SRC="isample_d.html" WIDTH="250" HEIGHT="220"></IFRAME> </TD> </TR> </TABLE> </CENTER> </BODY> </HTML> 【sample 1】 <HTML><HEAD> <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; CHARSET=Shift_JIS"> <TITLE>FRAMEサンプル</TITLE> </HEAD> <BODY BGCOLOR="#C4FFE1"> <CENTER> <H3>サンプル1</H3><BR> <a href="http://oshiete.goo.ne.jp/" target="b">goo</a><BR><BR> IFRAMEサンプル<BR><BR><BR><BR><BR> IFRAMEサンプル </CENTER> </BODY> </HTML>

参考URL：
http://www.tohoho-web.com/html/frameset.htm
dix
質問者

お礼

gura_さんありがとうございます！！ ごく単純な事でしたねヾ(´ε｀*)ゝ 無事解決しました。本当にありがとうございました。

  1. カテゴリ
  2. インターネット・Webサービス
  3. その他（インターネット・Webサービス）

関連するQ&A

  • インラインフレーム外のＦｌａｓｈでできたボタンから、インラインフレーム内を変更。

    どうしても出来ないです。 Flash用のテキストのターゲットをインラインフレームの名前に指定しても、別のウィンドウで開かれてしまいます。 Flashじゃ無くて、ただの画像やテキストにリンクを貼ってターゲットをインラインフレームの名前に指定すると出来るんですけどFlashは何度試しても出来ません。 どなたか力を貸して下さい。お願いします。 http://www.flash-bucks.com/flash/menu/m08/index.html ↑これが使用しているFlash（ボタンの素材） http://www.tagindex.com/tool/iframe.html ↑これが使用しているインラインフレームを作成したサイト 参考になればと思います。

  • インラインフレームを使ったリンク

    左にAというフレーム、右にBというフレームがあります。フレームB内には更にインラインフレームを設置しています。 インラインフレーム内のリンクをクリックして、フレームBのみ更新させる形にしたいのですが、上手くいきません。 <a href="B.html">リンク</a>だと、インフレーム内にB.htmlが入ってしまいます。また、<a href="B.html" target="_top">としてみたのですが、そうするとフレームAが消え、フレームBのみウィンドウに広がってしまいます。 ご教授お願い致しますm(_ _)m

    • ベストアンサー
    • HTML
  • インラインフレームを使用したページへのリンク

    インラインフレームを使用したページへのリンクで困っています。 現在、デフォルトで「Ａ」のページにインライフレームで「Ｂ」のページを表示されており、「Ａ」の中の「(1)」のボタンを押す事によりフレーム内が「Ｂ」から「Ｃ」、「(2)」のボタンを押すと「Ｄ」が表示されるようになっています。 このページへのリンクを作成するとインラインフレーム内は「Ｂ」のページが表示されるのですが、これを初めからフレーム内に「Ｃ」、または「Ｄ」を表示したままの状態でのリンクを作成したいのですがどうすればよいでしょうか？

  • インラインフレームへのリンクとブラウザの「戻る」ボタン

    インラインフレーム内をターゲットにしたリンクの場合、 ブラウザの「戻る」ボタンではフレームの中が戻ってしまいます。 これを避けて、フレームが設置してあるページが戻るようにする方法があれば教えてください。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • インラインフレーム内ページの切替

    インラインフレームに関して教えてください。 以下の構成になっています。 index.html・・・メニューページ 　リンクＡ 　リンクＢ 　リンクＣ hyouji.html・・・インラインフレーム枠ページ 　a.html・・インラインフレーム内に表示するページ１ 　b.html・・インラインフレーム内に表示するページ２ 　c.html・・インラインフレーム内に表示するページ３ 実施したい事は、 index.htmlの リンクＡをクリックすると、 houji.html内のインラインフレームには、a.htmlを表示。 リンクＢをクリックすると、 houji.html内のインラインフレームには、b.htmlを表示。 リンクＣをクリックすると、 houji.html内のインラインフレームには、c.htmlを表示。 一つは、 それぞれhyouji_a.html　hyouji_b.html　hyouji_c.htmlを用意する事だと思うのですが、ファイルが増えていくので出来れば、枠はhyouji.htmlだけにしたいと思っています。可能でしょうか？

    • ベストアンサー
    • HTML
  • インラインフレームのページを外部のページから変更するには？

    Aというページの中にインラインフレームのページBがあります。 Aからのリンクボタンを押すとBからCのページにリンクさせる、ということはできるでしょうか？ 普通のフレームで分割している場合だと <A href="***.html terget="(フーレムの名前)">の要にできるのですが、インラインフレームで同じ事をやりたいのです。 よろしくおねがいします。

    • ベストアンサー
    • HTML
  • インラインフレーム（リンクについて）

    メモ帳を使って、タグ打ちでHPを製作しています。 インラインフレームを使っているページにリンクする際に、下のようなことがしたいのですが、方法が分かりません。 インラインフレームを指定しているページを【A】とします。 【A】内に<a href=>タグでインラインフレームにターゲットを指定し、ページ【B】と【C】を表示させます。 【A】では<iframe src=>タグでページ【B】を指定します。 他ページからページ【A】に行くと、はじめには【B】が表示されると思います。 ここで、他ページからページ【A】に移動する際に、始めに【A】内にページ【C】を表示させたいのです。 普段はもちろん、ページ【B】を表示させるのですが、例外として【C】を表示させたいのです。 説明が難しいのですが、不足点や補足が必要でしたら追記します。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • インラインフレームのリンク

    インラインフレーム内にリンクを配置して、リンクをクリックすると現在見ているウィンドウにリンク先のページを表示したいと考えています。リンクに target="_top" を指定すれば、ウィンドウにリンク先が開かれると思うのですが、実際にやってみると、うまく開くときもありますがインラインフレーム内でウィンドウが開いてしまうことがあります。 現在見ているウィンドウ＞インラインフレーム＞インラインフレーム＞リンクのあるページ と複数のインラインフレームを介しているのが原因のように考えています。 リンクのあるＨＴＭＬにjQueryプラグインを使ったスライドショーを入れて、複数のインラインフレームを介して画像をクリックすると現在見ているウィンドウにその画像のあるページを開きたいのです。 インラインフレーム内でリンク先のページが開いてしまうのは、やはりリンクのtarget指定の問題でしょうか？それともjQueryプラグインの設定か何かの問題でしょうか？ アドバイスいただければ幸いです。

    • ベストアンサー
    • HTML
  • インラインフレームへのリンクについて質問

    説明がややこしいのですが…。 A.htmlという フレームを使用していないページがあります。 そこから、B.htmlという インラインフレームを使用したページにリンクします。 その時に、Aのメニューによって インラインフレームの中のページを変えたいのです。 例えば、Aに「C」「D」「E」という別々のリンクがあったとして 全部基本的にはB.htmlに飛ぶのですが Bにあるインラインフレームの中身を「C.html」「D.html」「E.html」…と変えたいのです。 分かりづらくてすみません。。 どうぞよろしくお願いします。

    • ベストアンサー
    • HTML
  • インラインフレームからのリンクで困っています

    ホームページビルダー７を使っています。 インラインフレームを利用して画面左側にメニューアイコンを置いて 右側にリンク先のページを表示といった風にしたいです。 新しいページ（仮にＡとします）の左側にＢというインラインフレームを挿入し、そこからメインページへのリンクを挿入。 リンク先のメインページをＢではなくＢの表示を残したまま間その隣に表示したいです。 『target』はインラインフレームを挿入した『Ａ』とすると新しいウィンドウが表示されてしまいます。 新しいウィンドウを開かずに表示させようとすると、インラインフレームを解除してメインページを開かなければなりません。 説明がわかりづらかったら申し訳ありません。補足など必要でしたら一言お願いします。その都度追加していきます。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する