HTML編 37/51
| 目的別 index | タグ別 index | カラーチャート | images | SAMPLE |
フレームで画面を分割する
フレームを解除してリンク先を表示する
新しい画面を立ち上げてリンク先を表示する




フレームを解除してリンク先を表示する

●<A HREF="n" TARGET="_top" >
現在の状態では、トップページへのボタンをクリックすると右側フレームにトップページを読み込んでしまいます。さらにその中の「Profile」ボタンをクリックすると右側フレームが、またフレーム分割されてしまいます(笑)。
トップページからフレーム分割しているのであれば、こういう問題は起こらないのですが、このサンプルではあくまでトップページとアンケートページはフレーム分割せずに表示したいと思いますので、「トップページ」「アンケート」ボタンをクリックしたときフレームを解除して全面にリンク先を表示させるようにします。

先ほどリンク先を表示するフレームを指定するタグ「 TARGET="n"」をやりました。パラメータには「FRAME SRC」の「NAME」オプションで指定した名前を入れました。実はこの名前は、何という名前でも良い、というわけではありません。あらかじめ決まっている名前も存在するのです。その一つが_topです。「_top」をパラメータに入れると、フレームが解除されてリンク先が全面に表示されます。このように書きます。

<A HREF="../index.html" TARGET="_top">
<A HREF="../enquete/index.html" TARGET="_top">

この場合、<BASE TARGET=" migi" >があると矛盾してしまいますので、BASE TARGETは削除し、全てのリンクボタンにTARGETを指定し直します。
View
<HTML>
<HEAD>
<TITLE>Kimura's Room:Profile</TITLE>

<META HTTP〜
------略-------

<!--★★トップページへのボタン★★-->
<A HREF="../index.html"
TARGET="_top"><IMG SRC="../img/BTonTop.gif" ALT="トップページへ" BORDER="0" WIDTH="96" HEIGHT="26"></A>

------略-------

<!--★★プロフィールへのボタン★★-->
<IMG SRC="../img/BToffProf.gif" ALT="プロフィール" BORDER="0" WIDTH="96" HEIGHT="26">

------略-------

<!--★★Macintoshへのボタン★★-->
<A HREF="../macintosh/index.html" TARGET="migi"><IMG SRC="../img/BTonMac.gif" ALT="Macintoshへ" BORDER="0" WIDTH="96" HEIGHT="26"></A>

------略-------

<!--★★トラベルへのボタン★★-->
<A HREF="../travel/index.html" TARGET="migi"><IMG SRC="../img/BTonTravel.gif" ALT="トラベルへ" BORDER="0" WIDTH="96" HEIGHT="26"></A>

------略-------

<!--★★アンケートへのボタン★★-->
<A HREF="../enquete/index.html"
TARGET="_top"><IMG SRC="../img/BTonEnquete.gif" ALT="アンケートへ" BORDER="0" WIDTH="96" HEIGHT="26"></A>

------略-------

<!--★★メール★★-->
<A HREF="mailto:abc@defghijk.ne.jp?subject=木村宛のメールです"><IMG SRC="../img/BTonMail.gif" ALT="メール" BORDER="0" WIDTH="96" HEIGHT="26"></A>

</TD></TR></TABLE>
</CENTER>
</BODY>
</HTML>

また、このサンプルでは現在自分がいるページはメニュー部分のボタンが出っ張らなないようにデザインしています。なので「macintosh」「travel」のカテゴリにもそれぞれ「menu.html」を作らなければなりません。つまりそれぞれに「FRAMESET」が必要なのです(意味解りますか?)。
この場合、「macintosh」「travel」ページへジャンプするにも、現在のプロフィールのフレームを解除して、新たに「macintosh」用、「travel」用のFRAMESETを読み込まなければなりませんので、全てのボタンのターゲットは「_top」ということになります。

それぞれのリンクボタンのTARGETオプションタグか、<BASE TARGET>のパラメータに「_top」を入れます。「_top」の代わりにに「_parent」というパラメータを入れても有効です。「_parent」は一番元の階層、つまり<FRAME SET>の位置まで戻って全面に表示するということです。ただ、一般的には「_top」を使うことが多いようです。

「NAME」に名前を指定する場合、名前の前に「_」アンダースコアを付けることは出来ません。アンダースコアは「_top」のように特別な指示がある場合に使用する文字だからです。

フレームを解除してリンク先を表示したり、次にやる「新しい画面にリンク先を表示する」というのは、特にリンクページを作る時に役立ちます。たまに自分のページのフレーム内に、他人のページを読み込んでしまうリンクページを見かけますが、人が作ったページは作者の意図したデザインがあります。意図的にしているのではないかも知れませんが、他人のページをあたかも自分のページのように見せてしまうのはマナー違反だと私は思います。見に来てくれた人がリンクを辿って他人のサイトへジャンプした後も、自分のサイトにつなぎ止めておきたい場合は下の「新しい画面に表示する」方法を使用してください。
とりあえず、再びBASE TARGETを指定して、パラメータに「_top」を入れます。
View
<HTML>
<HEAD>Kimura's Room:Profile<TITLE>
</TITLE>

<BASE TARGET="_top">

<META HTTP〜
------略-------

<!--★★トップページへのボタン★★-->
<A HREF="../index.html"><IMG SRC="../img/BTonTop.gif" ALT="トップページへ" BORDER="0" WIDTH="96" HEIGHT="26"></A>

------略-------

<!--★★プロフィールへのボタン★★-->
<IMG SRC="../img/BToffProf.gif" ALT="プロフィール" BORDER="0" WIDTH="96" HEIGHT="26">

------略-------

<!--★★Macintoshへのボタン★★-->
<A HREF="../macintosh/index.html"><IMG SRC="../img/BTonMac.gif" ALT="Macintoshへ" BORDER="0" WIDTH="96" HEIGHT="26"></A>

------略-------

<!--★★トラベルへのボタン★★-->
<A HREF="../travel/index.html"><IMG SRC="../img/BTonTravel.gif" ALT="トラベルへ" BORDER="0" WIDTH="96" HEIGHT="26"></A>

------略-------

<!--★★アンケートへのボタン★★-->
<A HREF="../enquete/index.html"><IMG SRC="../img/BTonEnquete.gif" ALT="アンケートへ" BORDER="0" WIDTH="96" HEIGHT="26"></A>

------略-------

<!--★★メール★★-->
<A HREF="mailto:abc@defghijk.ne.jp?subject=木村宛のメールです"><IMG SRC="../img/BTonMail.gif" ALT="メール" BORDER="0" WIDTH="96" HEIGHT="26"></A>

</TD></TR></TABLE>
</CENTER>
</BODY>
</HTML>




新しい画面を立ち上げてリンク先を表示する

●<A HREF="n" TARGET="_blank">
「なんだぁ」と思うかも知れませんが、そうなんです(笑)。フレームの場合も新しいウィンドウを開いてリンク先を表示するのも、「リンク」のページでやった指定と同じなんです。パラメータに「_blank」を入れれば現在の画面を残したまま、新しいウィンドウを開いてリンク先を表示します。同様に「_self」だと今の(リンクが張ってあるボタンの)フレームにリンク先を表示します。
試しに<BASE TARGET="_top">を取って、トップページを「_blank」で表示してみます。(確認したら元に戻しておいてください)
先ほどindex.htmlの「FRAME SRC」に「NAME」でフレームに名前を付け、リンクボタンに「TARGET="migi"」と表示先を指定することで、目的のフレームにリンク先を表示しました。もし仮にこの「"migi"」のスペルを間違えたり、存在しない名前を指定したらどうなるでしょう。ブラウザはどこに表示してよいか解らず、悩んだ末(笑)「_blank」と同じように新しい画面を開いてリンク先を表示します。つまり「_blank」でなくても「TARGET="mannaka"」とか「TARGET="new"」などと指定しても、「_blank」と同様の効果を得られます。しかしもちろんですが、これは正しい記述ではありません。
View
------略-------

<!--★★トップページへのボタン★★-->
<A HREF="../index.html"
TARGET="_blank"><IMG SRC="../img/BTonTop.gif" ALT="トップページへ" BORDER="0 W"IDTH="96" HEIGHT="26"></A>

------略-------

backindexnext