• ベストアンサー

リンクのターゲットの仕方について

index.htmlと同じフォルダに上(ue.html)下(sita.html)に2分割されたフレームページ(top.html)があります。 これは、上のボタンから下にページが表示されるように『target=sita』で設定し、ちゃんと表示できます。 index.htmlのあるフォルダに新たにフォルダ(TRIP)を作り、上(../ue.html)と左(phidari.html)右(pmigi.html)に分かれた3分割のフレームページ(p.html)を新たに作成します。 これは、左のボタンからから右に『target=migi』で、ちゃんと表示されます。 次に、上のボタンから下に左右に分かれた3分割のフレームページ(p.html)を、元通り2分割のフレームページ(top.html)に戻したいのですが、『target=sita』では、別の窓が開いてしまい、下に表示されません。 どうしたら、3分割のフレームページを2分割のフレームページに戻すことが出来るんでしょうか? まだまだHP作成初心者ですので、質問に分かりにくい部分があると思いますが、教えていただけると嬉しいです。 よろしくお願いいたします。

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

  • ベストアンサー
  • abacabu
  • ベストアンサー率37% (250/663)
回答No.5

まだ解決していないので書き込みます。 最初の2分割の時と、新たに作った3分割では、 ターゲット指定が変更されているからでしょう。 質問者様はHTMLは理解していらっしゃるのでしょうか? 質問内容から察するに、フレームに関しては良く分からないと 思われましたので、簡潔に回答します。 現在3分割のターゲット設定(target="migi"←これは 設定しているか分かりませんが、 target="hidari")しかないと 思われますので、それらを消してターゲット設定をtarget="hidari" で設定しなおさなければなりません。 タグで言うとheadとbodyの間の<frameset>の中の <frameset ...> <frame src="ue.html" target="ue"> <frame src="sita.html" target="sita"> </frameset> という様にターゲットを設定しないと 普通に画面が変わってしまいます。 これで戻すのでしたら戻ります。 これでも、分からない、そういう事ではないもしくは 分かってるけど出来ない…。というのでしたら、 最初のHTML宣言文が無いか間違っている場合あり。

_ne_gi_
質問者

お礼

フレームについての詳しい説明ありがとうございます。 HTMLに限らずまだまだ勉強不足だらけですが、abacabuさんをはじめ皆様の教えていただいたとおり、いろいろ試しました。 お陰で、きちんと表示することが出来ました。 本当にありがとうございました。

その他の回答 (6)

  • goldfox
  • ベストアンサー率49% (123/249)
回答No.7

>やはりgoldfoxさんが上で回答されている通り『p.htmlの段階ではname="sita"が存在しないからでしょう』とおっしゃっているので、解決策はないのでしょうか? いや、最初に答えを言っていますが。 <a href="../top.html target="_top">topへ</a> にすればいいんですよ。 もしくはp.htmlを左右2分割で作成して、 ue.htmlのリンクで下フレームにp.htmlを表示させることです。 見た目、3分割のフレームになります。 こうすれば左フレームのリンクでtop.htmlに戻るには <a href="../sita.html target="sita">topへ</a> で、戻ることができます。 ただし、この場合、index.htmlから下フレームにp.htmlを表示させたtop.htmlは開けません。

  • abacabu
  • ベストアンサー率37% (250/663)
回答No.6

訂正です…。 タグ説明で「それらを消して・・・」のあとの target="hidari"は間違えで正解は target="sita"でした…。

noname#19175
noname#19175
回答No.4

3分割された物をそのまま2分割にする方法はありません。 方法(1) 2分割+2分割の入れ子になった物を、 _parentや上位フレーム名を指定することで入れ子の部分のみ解除する。 top.html ーーーーーーー |ue.html  | ーーーーーーー |sita.html| ーーーーーーー ue.html または sita.html <a href="p.html" target="sita">分割</a> p.html ーーーーーーーーーーーーーーーー | phidari.html | pmigi.html | ーーーーーーーーーーーーーーーー phidari.html <a href="sita.html" target="_parent">解除</a> 方法(2) 3分割のフレームセットと2分割のフレームセットを作り、 _topを2分割のフレームセットに変更する p.html ーーーーーーーーーーーーーーー | ue.html          | ーーーーーーーーーーーーーーー | phidari.html | pmigi.html | ーーーーーーーーーーーーーーー phidari.html <a href="top.html" target="_top">解除</a> top.html ーーーーーーーーーーーーーーー | ue.html         | ーーーーーーーーーーーーーーー | sita.html         | ーーーーーーーーーーーーーーー _ne_gi_さんのフレーム構成がどうなってるのかわかりません。すみません。

_ne_gi_
質問者

お礼

私自身フレームについてまだまだ、勉強不足のようです。 それでも、教えていただいた方法はがんばってやってみようと思います。 ありがとうございました。

  • goldfox
  • ベストアンサー率49% (123/249)
回答No.3

phidari.htmlのリンクでtop.htmlを開くなら、 今あるp.htmlのフレームを解除しなくてはなりませんから、 target="_top" です。 _blank は新窓が開きます。 target="sita"で新窓が開くのは、p.htmlの段階ではname="sita"が存在しないからでしょう。

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

こういうことですか。 分かり易くするため、とりあえずindex.htmlと同じフォルダに上ファイルを(ue1.html)とし、フォルダ(TRIP)の上ファイルを(ue2.html)とします。まずお話のファイル構造がこのようなことだと考えて、↓ ├index.html ├top.html ├ue1.html ├sita.html └TRIP┬p.html     ├ue2.html     ├phidari.html     └pmigi.html フレームに名前が付いているなら、『target="sita"』のように指定しますが、 フレームを超えて表示するなら、target="_blank" 等と表示します。↓ http://www.tohoho-web.com/html/attr/target.htm この場合、ue2.htmlから、top.htmlを表示するには、 <a href="../top.html" target="_parent">1段だけ分割を解除して表示</a> または、 <a href="../top.html" target="_top">分割を全て解除して、そこに表示</a> とします。 また ue1.htmlから、ue2.htmlを表示する場合にも同様にします。

参考URL:
http://www.tohoho-web.com/html/attr/target.htm, http://www.tohoho-web.com/html/frameset.htm
_ne_gi_
質問者

補足

ファイルの構造は ├index.html ├top.html ├ue.html ├sita.html └TRIP├p.html    ├phidari.html    └pmigi.html こうなっていて、3分割のページ(p.html)は、上(top.html)と左(phidari.html)右(pmigi.html)を使用して作っています。 この3分割のページの時、上(top.html)にあるボタンを押すと、2分割のページ(top.html)に戻れるようにしたいのです。 やはりgoldfoxさんが上で回答されている通り『p.htmlの段階ではname="sita"が存在しないからでしょう』とおっしゃっているので、解決策はないのでしょうか?

  • suzuko
  • ベストアンサー率38% (1112/2922)
回答No.1

解決策になるかどうか判りませんが、 上下に分かれているフレームの下段に左右に分かれたHTMLを読み込むようにされてはどうですか? フレームの入れ子で、うまくいくかは未検証ですが。

_ne_gi_
質問者

補足

すみませんが、もう少し分かりやすく教えていただけたらと思います。 補足ですが、上(ue.html)下(sita.html)に分かれたフレームページ(top.html)は上に様々なページへ飛べるボタンだけがあり、下に表示されるようになっています。 また、3分割したページ(TRIPフォルダ内のp.html)の左(phidari.html)のメニューボタンから右ページ(pmigi.html)内の表示、右(pmigi.html)の内容の一番下にあるボタンから2分割のページ(top.html)には戻すことが出来ます。

関連するQ&A