ホームページビルダー/JavaScript編
Top > JavaScript編トップ > 二つのフレーム内容を同時に変更する
ウィンドウ
- 小さなウィンドウのツールバーやメニューバーの表示/非表示について
- 小さな別ウィンドウを開くA (設置済みサンプル)
- 小さな別ウィンドウを開くB (ビルダーのイベント設定に手を加える)
- 二つのフレーム内容を同時に変更する
二つのフレーム内容を同時に変更する
チェンジボタンを設定するページに下のスクリプトを貼りつけます。
参考・・HTMLソースの貼り付け
(サンプルでは、上フレームのページ)
◆<HEAD>内へ貼りつけ
<!--ここから-->
<script language="javascript">
<!--
function Frchange(){
parent.left.location.href="****.htm";
parent.right.location.href="@@@.htm";
}
//-->
</script>
<!--ここまで-->
◆<BODY>内へ貼りつけ
<!--ここから-->
<form><input type="button" value="フレーム内を同時に変更"
onclick="Frchange()"></form>
<!--ここまで-->
設定について
- フレームには、それぞれフレーム名を設定してください。
サンプルページには、「left」「right」と名前を付けています。 - ****.htmと@@@.htmを表示したいファイル名に変更してください。
(相対パスで設定してください。) - もし、うまく動作しない場合、「parent」の部分を「top」に変更して試してみてください。
◆例えばサンプルでは。。。
parent.left.location.href="****.htm"; と設定した場合、「left」と名前の付けられたフレームに****.htmファイルを表示する。という意味です。
どのスクリプトにも言えることですが、JavaScriptを設定し、プレビュー画面で確認する場合は、必ずプレビュー画面を開く前にページを保存しましょう。
保存をしないと、読み込みが上手くいかず、ページが表示されないなどということが起こります。
フレームページの場合は、ファイル→すべて保存 を選択し、一旦保存してからプレビュー画面で確認してください。