WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:2つのページを同時に切り替える

0:[投稿] かおり [2002/05/21 05:08 ][環境:WIN+IE わからない]

JavaScriptとレイヤーの制御で分からないことがあるので力を貸してください


画像をクリックすると、2つのフレームが同時にかわるようにしたいのですが、
実際のアドレス帳のように、あ行か行・・・で、切込みが入っているような画像を作っていて、
レイヤーの表示非表示で制御できないかなと思いました。

b.htm(フレーム名side1)にレイヤーで5つの画像を表示させています
onrode時には1番上のものだけを見えるようにしています。
(先頭の画像にレイヤーの表示・非表示の条件をつけて、残り4つを非表示にしました。)

これをtop.htm(フレーム名top)に5つ配置した画像をクリックすることで、順番に見えるものを変えていきたいのです。

フレーム名homeにそれぞれ、top.htmから張ったリンクが表示されるのと同時に、フレーム名side1の画像が切り替わるようにしたいのです。

<frameset cols="*,460,*" frameborder="0" border="0" framespacing="0">
 <frame src="a.htm" frameborder="0" border="0" scrolling="no" name="side">
 <frame src="main.htm" frameborder="NO" border="0" name="center">
 <frame src="b.htm" frameborder="0" border="0" scrolling="no" name="side1">
</frameset>

のmain.htmの中に
<frameset rows="60,*,60" frameborder="1" border="0" framespacing="0">
 <frame src="top.htm" frameborder="0" border="0" scrolling="no" name="top">
 <frame src="news.htm" frameborder="0" border="0" name="home">
 <frame src="bottom.htm" frameborder="0" border="0" scrolling="no" name="bottom">
</frameset>
を挟んだページを作っています。

フレーム名homeには、news.htm、taxt.htm、link.htm、other.htm、master.htmの5つが
フレーム名topのb.htmファイルに貼ったリンクボタンで、切り替わります。

どうしたら上手くできるのか、ご教授ください、おねがいします


1:[回答] ちゃいぱ@管理人 [2002/05/23 09:40 ]

>2つのページを同時に切り替える
>レイヤーの制御で分からないことがある
>画像をクリックすると、2つのフレームが同時にかわるようにしたい
>フレーム名homeには、news.htm、taxt.htm、link.htm、other.htm、master.htmの5つがフレーム名topのb.htmファイルに貼ったリンクボタンで、切り替わります。 どうしたら上手くできるのか

なんかよくわかりません...。
もっと、わかりやすく、質問してもらえますか?


2:[回答] ween [2002/05/23 10:15 ]

> 画像をクリックすると、2つのフレームが同時にかわるようにしたい
top.htm 内の画像をクリックしたときの期待する動作は
(1) フレーム home のページを変える
(2) フレーム side1 (b.htm) の中で表示させるレイヤを変える
の2つですか?

(1)だけなら、普通に top.htm に
<a href="news.htm" target="home"><img src="***"></a>
ですよね。

更に(2)も行いたいなら、
表示させるレイヤを変更する関数を b.htm に書いて、 top.htm から
<a href="news.htm" target="home" onclick="top.side1.関数名()"><img src="***"></a>
のように呼出してやればどうでしょう。

はずしてたらすみませんです。


3:[完了] かおり [2002/05/27 01:42 ]

スイマセン、何とかできました。アリガトウゴザイマシタ

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World