複数のフレームを同時に切りかえる

無料・有料 レンタルサーバー比較


ブラウザ
Internet Explorer Netscape Firefox Opera
参考
JavaScriptの基本

複数のフレームを同時に切りかえるスクリプトです。

サンプル画面へ

【サンプルの説明】

Frame

Aフレーム … Aフレームのページにスクリプトを記述しています。
Bフレーム … left というフレーム名を付けています。
Cフレーム … right というフレーム名を付けています。

上の図のような分割を行い、Aフレームのボタンクリックで、BフレームとCフレームを同時に切りかえています。


ソース

サンプル画面(Aフレーム)のソース

<html>
<head>
<title>HTML index Webサイト</title>

<script type="text/javascript">
<!--

function jump(){

	// 設定開始(表示するフレーム名とリンク先URLを設定してください)

	parent.left.location.href = "example_left.html";
	parent.right.location.href = "example_right.html";

	// 設定終了

}

// -->
</script>

</head>
<body>

<p><input type="button" value="ジャンプ" onClick="jump()"></p>

</body>
</html>

解説

<head> 〜 </head> 内にスクリプトを記述しておき、ボタンのクリックでスクリプトを実行します。

// 設定開始// 設定終了 の部分で、表示先のフレーム名とリンク先URLを設定します。(left 、 right と書かれているところがフレーム名の部分です)

切りかえるフレームは増やしていくこともできます。

サンプルではボタンを使っていますが、リンクテキストで実行することもできます。

<a href="#" onClick="jump(); return false;">ジャンプ</a>

Aフレームのボタン部分を、上記のように変更してください。

青い文字の部分は、必要に応じて書き換えてください。



inserted by FC2 system