人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

HTMLの作成方法:FRAME A, B, Cがあります。FRAME Aでの1回のマウスクリックで、FRAME BとCの表示内容を同時に切り替える最も簡単な方法を教えてください。

●質問者: dayofgreen
●カテゴリ:ウェブ制作
✍キーワード:HTML クリック マウス 作成
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● gucchiy
●30ポイント

http://www2.ocn.ne.jp/~sugachuu/JavaScript/index3.html

「もっとも簡単」かどうかはちょっと分かりませんが、

JavaScript を使えば出来ますよ。

下記ページの左側から D. フレーム技、

7.複数フレーム入替(1)が参考になります。

ちなみに JavaScript のソースは

サンプルページの HTML ソースを表示させます。

◎質問者からの返答

ありがとうございます。JavaScriptを使わずに単にaタグだけでやるような方法はありませんか?


2 ● わかん
●30ポイント

αページ(Frame A,B,C)とβページ(Frame D,E,F)を用意。

A,B,C と D,E,F のデザインはそろえておく。

Frame A にβページを呼び出すアンカーを入れる。

これで、B,C が E,F に切り替わります。

これが一番簡単な方法。

◎質問者からの返答

なるほど、こういう方法がありましたか。ありがとうございます。


3 ● aki73ix
●10ポイント

http://www.openspc2.org/JavaScript/column/11.htm

同時に複数フレームを変更する

function wchange(){

parent.frames[1].location.href=”frame1.html”;

parent.frames[2].location.href=”frame2.html”;

//こちらでもOK

// parent.B.location.href=’frame1.html’;

// parent.C.location.href=’frame2.html’;

//

}

//-->

</script></head>

本体

<a href=’JavaScript:wchange()’>link</a>

でいいかと思いますが

OnClickイベントで直接書いてもOK

<A HREF=”javascript:void(0)” onClick=”parent.B.location.href=’frame1.html’; parent.C.location.href=’frame2.html’”>

◎質問者からの返答

ありがとうございます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ