No.3ベストアンサー
- 回答日時:
> 左フレーム部分は1ファイルにしていたのですが、
> タイトル1.htmlとタイトル2.htmlというように複数ページに別ければ可能なのですね。
左フレームを1ファイルにしても可能ですよ。<a name> で名前をつけてあげればOK。
先の回答の "左上に表示される.html" がこんなふうに変わる。
<html><body>
<script type="text/JavaScript">
function double_jump(url1, url2) {
parent.f2.location.href=url1
parent.f3.location.href=url2
}
</script>
本のジャンル
<ul>
<li><a href="#" onClick="double_jump('左上に表示される.html#title1', '内容1.html')">ジャンル1</a>
<li><a href="#" onClick="double_jump('左上に表示される.html#title2', '内容2.html')">ジャンル2</a>
</ul>
<br><br><br><br><br><br> <!-- ちょっと間を空けておこうか -->
<a name="title1">
本のタイトル1
<a name="title2">
本のタイトル2
</body></html>
ご回答ありがとうございます。
本当にすばらしいです。できました。javascriptってすごいですね。
今後もどうか宜しくお願いします。
No.2
- 回答日時:
JavaScript で可能です。
ポイントはふたつ。・表示先を変えるには、document オブジェクトの href プロパティを変えれば良い
・フレームに表示されている document から、別のフレームは parent.フレーム名 で参照できる
具体的には、親のソースがこんな感じ。
<html>
<frameset cols="25%,*">
<frameset rows="25%,*">
<frame src="左上に表示される.html" name=f1>
<frame src="about:blank" name=f2> <!-- 最初は空白で良い -->
</frameset>
<frame src="about:blank" name=f3> <!-- 最初は空白で良い -->
</frameset>
</html>
フレーム名は、左上が f1 、左下が f2 、右が f3 です。
左上に表示されるファイルはこんな感じ。
<html><body>
<script type="text/JavaScript">
function double_jump(url1, url2) {
parent.f2.location.href=url1
parent.f3.location.href=url2
}
</script>
本のジャンル
<ul>
<li><a href="#" onClick="double_jump('タイトル1.html', '内容1.html')">ジャンル1</a>
<li><a href="#" onClick="double_jump('タイトル2.html', '内容2.html')">ジャンル2</a>
</ul>
</body></html>
リンクをクリックされたときの動作を関数で処理して、その関数で、ふたつの表示先を変えています。
分からないところがあれば補足してください。
なるほどですね。すばらしいです。
左フレーム部分は1ファイルにしていたのですが、
タイトル1.htmlとタイトル2.htmlというように複数ページに別ければ可能なのですね。勉強になりました。
ページ数を増やしてトライします。ありがとうございました。
No.1
- 回答日時:
おそらくJavaAppletで可能だと思います。
ソースはwebに転がっているので、探してみてください。
web/javaapplet/なんかで探すといいサイトが見つかると思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript スマホ上で、左右スワイプで次のページに移動させたいです 2 2022/11/11 17:04
- カスタマイズ(バイク) カスタマイズ 1 2022/11/12 01:09
- 家具・インテリア ダブルのベッドにクイーンのマットレス 5 2023/02/11 08:35
- 画像編集・動画編集・音楽編集 動画をディスク作成すると画像が乱れる。 4 2022/06/24 07:49
- その他(ファッション) スポーツメガネでフレームの色は白などはあり? 2 2022/11/30 07:26
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- C言語・C++・C# 【C++】IDirect3DSurfaceのディープコピーは可能ですか? 1 2022/07/06 02:47
- メガネ・コンタクト・視力矯正 失敗した高額メガネ 6 2022/12/03 23:11
- Excel(エクセル) エクセル バーコード作成で他のシートを参照するには? 2 2023/05/03 16:57
- メガネ・コンタクト・視力矯正 あるフレームのメガネを銀のフレーム眼鏡を購入し銀素材に変更(カスタム)することは可能ですか?量は足り 1 2022/12/06 08:27
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Safariで<iframe>のinnerHTMLを...
-
インラインフレームで表示され...
-
フレームを跨ぐドロップダウン...
-
別フレームへのリンク文字上で...
-
写真合成できるフォトフレーム...
-
フレーム内のiframeのデータの...
-
<a href="#" …>の意味を教えて...
-
別ファイルのfunctionの読み込み方
-
JavaScriptからVBScriptの呼び...
-
<script>...</script> 要素の内
-
GIFアニメの動きが止まってしま...
-
相対パスと絶対パスの速度
-
SCRIPT5007: 未定義または NULL...
-
bodyにidをつける理由は何ですか?
-
javascript外部読み込みの際の引数
-
cssにjavascriptを入れる?呼び...
-
ホームページ上に『位置固定』...
-
pythonのWebスクレイピングでfi...
-
html メールリンクにて自動ファ...
-
javascriptで別ファイルから変...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
スマホ上で、左右スワイプで次...
-
インラインフレームで表示され...
-
フレームを跨ぐドロップダウン...
-
子フレームの自動リロードは可...
-
別ページのインラインフレーム...
-
インラインフレームをドラッグ...
-
<iframe>~</iframe>内のwindow...
-
親フレームのURLによって、...
-
jqueryを利用してインラインフ...
-
エラー:書き込みができません ...
-
submitボタンで他のフレームを...
-
親フレームからkeydownイベント...
-
フレームでの右クリック禁止
-
別フレームの中にあるインライ...
-
フレームが入れ子状態です。フ...
-
別画面の関数の呼び出し
-
ワンクリック、ダブルウインド...
-
チェックボックスのチェックを...
-
親ウィンドウの別フレームを子...
-
フレーム分割すると動かない
おすすめ情報