No.2ベストアンサー
- 回答日時:
>1つのフレーム内の1画像に2つのリンクを貼り、
フレーム
<frameset rows=100,50,*>
<frame src=aaa.html name=a>
<frame src=bbb.html name=b>
<frame src=ccc.html name=c>
</frameset>
画像表示用
<img src="xxx.jpg" onclick="parent.b.location.href='a.htm';parent.c.location.href='b.htm';">
こういう意味ですか?
こちらほとんどタグの知識がないため、
どうやって試したらいいのか悪戦苦闘しましたが(汗、
なんとか意図が伝わりました。
まさにこれです!
助かりました。どうもありがとうございました!
No.4
- 回答日時:
#3です。
すみません間違えました。
>function DispImg(strTarget,strFra)
>{
>open(strTarget,strFra);
>}
いらない(使ってない)です。
No.3
- 回答日時:
>追加質問ですが、ホームページビルダーのイベント機能を使うと、
ホームページビルダーって使った事無いのでわかりません。
>1つのフレーム内の1画像に2つのリンクを貼り、
クリックする場所によって各フレームに表示するのであれば、<map>タグを使う事でできます。
#1からの変更部分を記します。
function DispImg()に引数を与えfunction DispImg(strTarget,strFra)とし、open(strTarget,strFra)とする。
function DispImg(strTarget,strFra)
{
open(strTarget,strFra);
}
selectbox表示部を画像表示に変更
<img src="XXX.gif" usemap="#map1" border=0 width=240 height=68>
<map name="map1">
<area shape=rect coords="0,0,120,68" alt="YAHOO" href="javascript:open('http://yahoo.co.jp','fra1');void(0);">
<area shape=rect coords="120,0,240,68" alt="MSN" href="javascript:open('http://www.msn.co.jp/home.armx','fra2');void(0);">
</map>
#2さんのおっしゃるのが正解かもしれませんが・・・
#2さんのが自分のイメージでした。
質問の仕方が曖昧で意図が正確に伝わらずすみません<(_ _)>
今回は丁寧にご返答くださりどうもありがとうございました!
No.1
- 回答日時:
セレクトボックスが2個(sel1,sel2)あったとして、表示するボタン(btnDisp)をクリックしたら各フレームに表示する。
といった感じでよいのでしょうか?でしたら・・・
<html>
<head>
<script language="JavaScript">
<!--
function DispPage()
{
open(frm1.sel1.value,"fra1")
open(frm1.sel2.value,"fra2")
}
//-->
</script>
</head>
<body>
<form name="frm1">
フレーム1に表示するページ
<select name="sel1">
<option value="http://goo.ne.jp">goo
<option value="http://yahoo.co.jp">yahoo
<option value="http://www.msn.co.jp/home.armx">MSN
</select>
<br>
フレーム2に表示するページ
<select name="sel2">
<option value="http://goo.ne.jp">goo
<option value="http://yahoo.co.jp">yahoo
<option value="http://www.msn.co.jp/home.armx">MSN
</select>
<br>
<input type="button" name="btnDisp" value="Disp" onclick="DispPage();">
<table width="100%" height="100%">
<tr>
<td>
<center>フレーム1</center>
<br>
<iframe src="http://goo.ne.jp" name="fra1" width="100%" height="100%"></iframe>
</td>
<td>
<center>フレーム2</center>
<br>
<iframe src="http://goo.ne.jp" name="fra2" width="100%" height="100%"></iframe>
</td>
</tr>
</table>
</form>
</body>
</html>
こんな感じでいかがでしょう?
この回答への補足
ご返答どうもありがとうございます<(_ _)>
さっそくタグを試してみました。
「こんなことができるのか」と驚きました!
少し説明が不足していたのですが、
1つのフレーム内の1画像に2つのリンクを貼り、
そこをクリックすると残り2つのフレームに、
それぞれ別のリンク先を表示させる
ようにできればいいなと思ったのですが、
それはできないのかもしれないですね(汗
追加質問ですが、ホームページビルダーのイベント機能を使うと、
ページが読み込まれた時に新しいウィンドウを開き、
指定したURLへジャンプできますが、
ジャンプするのが新しいウィンドウではなく、
ページ内の指定したフレームに設定することはできるのでしょうか?
これができると上記と同じようなイメージになるのですが。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- カスタマイズ(バイク) カスタマイズ 1 2022/11/12 01:09
- C言語・C++・C# 【C++】IDirect3DSurfaceのディープコピーは可能ですか? 1 2022/07/06 02:47
- 画像編集・動画編集・音楽編集 動画をディスク作成すると画像が乱れる。 4 2022/06/24 07:49
- その他(ファッション) スポーツメガネでフレームの色は白などはあり? 2 2022/11/30 07:26
- 家具・インテリア ダブルのベッドにクイーンのマットレス 5 2023/02/11 08:35
- 教えて!goo これを出さない設定方法はありますか? 1 2023/04/24 10:13
- Visual Basic(VBA) フレーム内のオプションボタンの選択結果をセルに書き出したい。 図のような預金種目というフレームにオプ 2 2022/07/29 11:12
- プラモデル・鉄道模型・模型製作 武者ガンダム赤い方の戦国の陣みたいな限定版?を手に入れたのですがパール+フレームとか黒いパーツをフレ 1 2023/03/25 13:20
- JavaScript スマホ上で、左右スワイプで次のページに移動させたいです 2 2022/11/11 17:04
- iOS iPhone用動画保存アプリiCapのデータは外付けUSBメモリに保存できますか? 1 2022/10/18 17:48
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
pythonのエラーについての質問...
-
ワンクリックで二つのフレーム...
-
ページが変わっても同じ音楽を...
-
フレームが表示されない><
-
どのページもすべて同じURLなの...
-
ブルダウンメニュー → インラ...
-
フレームで区切った時の隙間を...
-
フレームの幅を変更したい
-
スタイルシートで背景画像を固...
-
html 左メニューから右への表示...
-
フレーム内に画像を表示する際...
-
フレームの片方だけを更新(リロ...
-
スクロールできない
-
フレームページでの更新(F5)...
-
target="_parent"
-
フレーム分割したウインドの中...
-
ページにパスワードをかける方法
-
直リンクとは。
-
WebサイトでHTMLのフォームに隠...
-
HTMLの画面分割方法について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
どのページもすべて同じURLなの...
-
フレーム内のPHPへPOSTで情報を...
-
pythonのエラーについての質問...
-
2つのページを重ねたい
-
フレームの片方だけを更新(リロ...
-
URLを変えないで表示する方法
-
html 左メニューから右への表示...
-
フレームページが表示されない...
-
スクロールできない
-
フレームで指定している送信先...
-
フレームが表示されない><
-
html リンクを別フレームに表...
-
ブラウザで4分割表示できますか?
-
直リンクとは。
-
frameの内容が表示されない
-
HTMLファイルの置き方による読...
-
CSSを使って画像をクリックする...
-
フレームの表示と非表示の切り替え
-
HPの一部に他のHPを表示
-
フレーム分割した全体をスクロ...
おすすめ情報