HP作成講座、脱初心者編
フレームで分割した画面とリンク。
これまでのページで、それぞれのフレームにはname=""で、すきな名前を付けておきました。
フレームのページを表示させるだけなら、このname=""は、いらないのですが、そのフレームに表示しているページを”他のページに切り替えるとき”に必要なのです。
このページではフレームを使用したページと、リンクのお話です。
では、この見本を見てください
一番下のフレームには、リンクがあります。
それぞれをクリックしてみてください。
さて、このフレームのタグは・・
<frameset rows="100,*,100">
<frame src="frame1.html" name="f1">

 <frameset cols="150,*,100">
 <frame src="frame2.html" name="f2">
 <frame src="frame3.html" name="f3">
 <frame src="frame4.html" name="f4">
 </frameset>

<frame src="menu1.html" name="f5">
</frameset>
赤い字のところに注目してください。
一番下のフレームのメニューのページには次のようなリンクが書かれています。
<a href="kawatta.html" target="f1">|1を変える|</a>
<a href="kawatta.html" target="f2">|2を変える|</a>
<a href="kawatta.html" target="f3">|3を変える|</a>
<a href="kawatta.html" target="f4">|4を変える|</a>
<a href="kawatta.html">|このフレームを変える|</a><br>
<a href="http://park6.wakwak.com/~psychol/p1.html" target="_top">
サイコロTown!トップページへ行く!</a>
フレームの設定をするページの中で、そのフレームにname=""で、適当な名前を付けておきます。
そして、リンクタグを書くときに、リンクで指定したファイルを、どのフレームに表示させるのかをtarget=""で、指定します。
逆に言うと、リンクの時にtarget=""でどこに表示するか指定するために、フレームタグでname=""を使って、名前を付けておくのです。

それと、サイコロTown!のトップページへのリンクで書かれているtarget="_top"は、フレームを解除して、ウィンドウ全体に1つのページを表示するための指定です。
もし、このtarget="_top"を書かなかったら、フレームがそのままで、一番下のフレームの(つまりmenuのページの)部分にサイコロTown!のトップページが表示されます。
リンクタグの中でtarget=""を指定しなかった場合、そのリンクが書かれているページが表示されているフレームを指定したことになります。
リンクタグで、target=""を指定できるのは、1つだけです。
つまり、1カ所をクリックすると指定したフレームを1カ所だけ変更できるという事です。
そこで、JAVAスクリプトを使うと、1カ所のクリックで複数のフレームを切り替えることが出来ます。
ただし、JAVAスクリプトは見ている人のブラウザによってうまく作動しないケースがありますよ。
ブラウザの設定でJAVAスクリプトをOFFにしている場合も動作しません。
IE6の場合、「インターネットオプション」の「セキュリティ」の設定で、「レベルのカスタマイズ」というところをクリックすると、”Microsoft VM”というのがあります。
これがJAVA、JAVAスクリプトのON、OFFに関係するところです。
IEではJAVAスクリプトとは言わず、アクティブスクリプトと言いますが、(本家JAVAスクリプトはネットスケープの方らしい)ややこしいので一般にJAVAスクリプトと呼んでおります。
というわけで、次は、JAVAスクリプトの記述の基本と、複数のフレームを同時に切り替えるJAVAスクリプトのお話です。

PC−Parkトップ
心の話サイコロTown!




広告 万馬券 無料レンタルサーバー ブログ blog