window
トップページ > 過去ログ > 記事閲覧
*1回のマウスのクリック操作
日時: 2007/08/27 23:37
識別: ID:/1dWONLQS1g/
名前: ハル
1回のマウスのクリック操作で2箇所のフレーム内容を同時に変更したいんですが、良い方法が分かりません。
過去ログでJavaスクリプトを使えば可能という事はわかりましたが、リンク先が切れておりました。
アドバイスいただければ助かります。
できたらHPビルダーの操作で出来れば嬉しいです。

Re: 1回のマウスのクリック操作 ( No.1 )
日時: 2007/08/28 01:49
名前: ハル

もう少し具体的に書きますね。
あるページにインラインフレームを2つ挿入してまして、あるアイコンをクリックした時に片方には画像を、そしてもう片方にはそれに対する説明をリンクで表示させようと思っています。
Javaスクリプトに対する知識は全くありません。
説明が難しいなら参照になるようなサイトをお教えいただければ幸いです。
追伸:自分でも探しているのですが、なかなか理解まで到達できず、悩んでおります。
二つリンクを挿入するというのは、初心者には早すぎるのでしょうか?
宜しくお願い致します。
Re: 1回のマウスのクリック操作 ( No.2 )
日時: 2007/08/28 09:30
名前: Newのり太
参照: http://funky-groove.hp.infoseek.co.jp/hpb/

「フレーム 同時 切替」で検索で見っけ。
http://chaichan.web.infoseek.co.jp/qa4000/qa4460.htm

> できたらHPビルダーの操作で出来れば嬉しいです。

上記gun氏の回答をもとにビルダーで操作することにすると、

(1)編集>ページのプロパティ>イベント>スクリプト
// 左のウィンドウからアイテムをドラッグして
(中略)
// コードを挿入します。
の部分を、
function dual_replace(urlL, urlR) {
left_frame.location.href=urlL;
right_frame.location.href=urlR;
}
と置き換えます。
left_frame、right_frame の部分は、
それぞれインラインフレーム名に替えてください。

(2)アイコンを選択>リンクの挿入
ファイル名に、# と入力してイベントをクリック。
OnClickを選択し、スクリプトの欄に
parent.dual_replace('left_next.html', 'right_next.html')
と記入し、登録>OK>OK.
left_next.html、right_next.html の部分は、
それぞれリンク先ファイル名に替えてください。

ソース編集した方が早いです。
JavaScript無効環境ではジャンプ出来ません。


方法2は、あらかじめインラインフレームに
目的のページが表示されたページを作って
そのページに『普通に』リンクする方法です。


そもそも、ふたつのインラインフレームというのは
本当に必要なのでしょうか?
一度に2箇所以上リンクしないといけないような
ページ設計は見直した方がいいと思います。
Re: 1回のマウスのクリック操作 ( No.3 )
日時: 2007/09/01 16:58
名前: ハル

Newのり太さま、レスありがとうございます。
返事遅くなり申し訳ありません。
ページ構成も含めて色々やってみます。
ありがとうございました。