• ベストアンサー

インラインフレームへのリンクについて質問

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

  • HTML
  • 回答数6
  • ありがとう数1

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

  • ベストアンサー
  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.4

まあPHPの一例です。 A.html＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ --------------------- <body> --------------------- <ul>メニュー <li><a href="hoge.php?frame=C">C</a></li> <li><a href="hoge.php?frame=D">D</a></li> <li><a href="hoge.php?frame=E">E</a></li> </ul> --------------------- hoge.php　(中身はB.HTMLをコピーし<iframe>のところを<?php ... ?>に置き換える)＝＝＝＝＝＝＝＝＝＝＝＝＝＝ <html> --------------------------- <body> --------------------------- <?php switch ($_GET['frame']) { case "C": $url="C.html"; break; case "D": $url="C.html"; break; case "E": $url="D.html"; break; default; $url="C.html"; } echo '<iframe src="' . $url . '"></iframe>'; ?> --------------------------- --------------------------- </body> </html>

azuki1432
質問者

お礼

詳しくありがとうございました！ この方法で無事にできました＾＾

その他の回答 (5)

  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.6

No.5ちょっと修正 ×target.setAttribute("src",frame_src[1]); ○target.setAttribute("src",frame_src[1]+".html");

  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.5

まあ、JAVASCRIPTの一例です A.html＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ --------------------- <body> --------------------- <ul>メニュー <li><a href="B.html?C">C</a></li> <li><a href="B.html?D">D</a></li> <li><a href="B.html?E">E</a></li> </ul> --------------------- ========================================== B.html＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ <html> ---------- <head> <script type="text/javascript"> <!-- function setframe(){ var url_str = window.location.href; var frame_src = url_str.split("?"); if (frame_src.length>0){ var target=document.getElementsByTagName("iframe")[0]; target.setAttribute("src",frame_src[1]); } } // --> </script> </head> <body onload="setframe();"> ------------------ <iframe src="about:blank"></iframe> ------------------ </body> </html> </head>

回答No.3

２の方法は利用されているサーバーでCGIを設置できる 環境が必要です 又、PHPやperlなどの知識が必要となってきます

azuki1432
質問者

補足

ご回答ありがとうございます。 CGIは設置できるサーバーです。 掲示板などは見よう見まねで 自分で設置しましたが 知識はあまりありません＾＾； どのようにすれば良いのでしょうか？

  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.2

1）１番単純な方法として、それぞれに対応したものを用意しておいて 　そこへリンクする 　　Bｃ.html、Bd.html、Be.htmlへリンク先を分ける 2）リンクのURLのクエリ部を利用して、～～?frame=Cなどとしておき、 　B.htmlをphpなどを利用して出力するようにしておいて、同時に 　iframeの表示先もセットする。 3）2と同じ要領で受け渡すが、B.html側のjavascriptでiframeの表示先 　をセットする。 1）は簡単だが、ほとんど同じファイルが3個必要。3）はユーザ側でスクリプトをオフできるので、確実ではない。 ということで、2）あたりがよろしいかと…

azuki1432
質問者

補足

ありがとうございます。 現在は1の方法を利用しているのですが、 ページ数が多いので もっと他の方法はないだろうかと思って質問させていただきました。 2の方法について、もう少し詳しく説明していただけると嬉しいです。 初心者ですのでなかなか分からず…＞＜

noname#108428
noname#108428
回答No.1

説明と挨拶だけでは、何を質問されているのか分かりません。

azuki1432
質問者

補足

説明部分が質問なのですが、分かりづらかったでしょうか…。 ＞その時に、Aのメニューによって インラインフレームの中のページを変えたいのです。 この部分です。 AからBにリンクするのと同時に、Bのインラインフレーム内に表示されるページを変えたいのです。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • インラインフレームを使用したページへのリンク

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

  • インラインフレームからのリンクで困っています

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

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

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

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

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

    • ベストアンサー
    • 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」を置き(つまり2つ) 片方のインラインフレーム「A」内に置いたリンクボタンをクリックしたら、 もう片方のインラインフレーム「B」内が変わるようにしたいのですが、targetはどう指定したらよいのでしょう。 例えば、 http://www.tagindex.com/html_tag/frame/i_index01.html こちらのページだと、 サンプル1にリンクを置いてサンプル2の表示が変わるようにしたいのです。 宜しくお願い致しますm(＿)m

  • インラインフレームについての質問です。

    インラインフレームのページについての質問です。 どなたかお力をお貸し下さい。 (1)自分は今ななくに歯科という歯医者さんでの ホームページ製作のアルバイトをしています。 今完成したのですが、 TOPページを下にスクロールして 歯の豆知識 など下のメニューをクリックすると 中途半端な位置でリンクされたものが表示されてしまいます。 できれば リンクと同時にページを最上部まで持ってきたいのですが タグがわかりません。 ご存知の方、 お力をお貸し下さい。 (2)またこのページにおいて インラインフレームの中身によって フレームのたての長さを調節することは可能でしょうか？ リンクしたページによって ちょうどだったり、 スクロールしないといけなかったりで 大変なので どなたかお力をおかしください　。

  • インラインフレーム内へのリンク

    上部にタイトルとドロップダウンメニューを表示した下に、インラインフレームを表示しています。 インラインフレーム内に表示する情報が長いため、ドロップダウンメニューでフレーム内の情報の途中何箇所かへリンクできるようにしたいと考えています。 メニューの切り替えによって、インラインフレーム内の表示を切り替えるには、どのようにしたらよいでしょうか？ 申し訳ありませんが、至急教えてください。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • リンクのページを単独で開かせたい

    　初心者です、よろしくお願いします。 　Ａ、Ｂ、Ｃとフレームを作り、その中のＣフレームにリンクをつけてやり、Ｄフレームに飛ぶようにして、Ａ、Ｂ、Ｄと開くようしました。 　そしてさらにＤフレームの中の文字にリンクをつけ、一般のサイト（Ｅ）が開くようにしましたが、Ａ、Ｂ、Ｅと開きます。 　サイトページのＥだけは（作成したフレームとは別に）単独に開くようにしたいのですが、どのようにしたらよいでしょうか。

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する