こんばんは。
今、frameを使ってページを左右に分けています。
左がleft、右がrightとしていますが、左側のリンクをクリックして、左右のフレームの内容を目的のページに移動させることは出来ますでしょうか?
イメージとしてはしたの通りです。
1.左側の「キャンディの作り方」をクリック。
2.左側のフレームを「candy.htm」に移動。
3.右側のフレームを「candytop.htm」に移動。
手元にある本で調べたのですが、わからずに質問させていただきました。C言語とマクロは少しわかりますが、Javascriptはまだわかりません。HTMLだけで出来ますでしょうか?
よろしくお願いします。
No.2ベストアンサー
- 回答日時:
HTMLタグでは1アクションに対して1アクションしか対応しないと思うので難しいと思います
ですのでJavaで行ってください
左側の初めのhtml文書(『キャンディの作り方』が置いてあるファイル)の
<HTML>
<HEAD>
<TITLE></TITLE>
この下に
<SCRIPT language="JavaScript">
<!--
function link1() {
parent.left.location.href='candy.html';
parent.right.location.href='candytop.html';
}
//-->
</SCRIPT>
を追加してください
そして
<BODY></BODY>の中に
<A href="JavaScript: link1();">キャンディの作り方</A>
を作ってください
これで出来ると思うのですが僕もJavaは少ししか勉強していないので確信は持てないです(滝汗)
あとcgiファイルを主に使ってるのでhtmlファイルでも機能するのかもちょっとわからないですけど一度試してみて下さい
参考URL:http://javascript.eweb-design.com/1101_fd.html
No.1
- 回答日時:
左右のフレーム対象(candy.htm, candytop.htm)をframesetにもつ新しいHTMLファイルを追加して、それをリンク対象にしたらいかがですか?
ただし、aタグの属性にtarget="_top"を加える必要があります。
しかしながら、フレームを使っているのに全体を描画しなおすというのはナンセンスです。
ページ内でdivタグやtableタグで左右を区切るなどの方法もご検討されたほうがよろしいかと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript スマホ上で、左右スワイプで次のページに移動させたいです 2 2022/11/11 17:04
- マウス・キーボード マウスのないパソコン 9 2022/03/30 10:53
- Excel(エクセル) Excelで図の書式設定を移動したい 1 2022/10/07 15:32
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- モニター・ディスプレイ マルチモニタでのカーソルの動き方 1 2022/06/15 14:59
- ノートパソコン windows11フォトビューア 4 2023/07/07 18:35
- テレビ 映像についての疑問? 左から右に進む映画は映像が進んで流れて行く様に感じるのに、左から右に進む映像は 1 2023/05/19 20:26
- モニター・ディスプレイ 詳しい方教えて下さい。 Windows11でデュアルモニターにしようとしています。 メインモニターの 1 2022/05/02 15:19
- 画像編集・動画編集・音楽編集 Google Earth Pro 高速道路上空を一定の速度で飛ぶツアー動画の作り方は?? 1 2022/06/01 15:10
- 洗濯機・乾燥機 洗濯機の設置方法確認について 4 2023/03/14 18:49
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
【至急!!助けて!】【スマホ...
-
pythonのエラーについての質問...
-
フレーム内に画像を表示する際...
-
2つのページを重ねたい
-
ホームページの写真が表示されない
-
<iframe>タグが正常に動作しない
-
フレームで指定している送信先...
-
角の丸いフレーム(?)の作り...
-
アドレスバーにトップページを...
-
フレームページの広告バナー
-
広告バナーの外し方
-
URLを変えないで表示する方法
-
フレームなしのページからフレ...
-
フレーム分割画面全体にスクロ...
-
フレームページでの更新(F5)...
-
ワンクリックで二つのフレーム...
-
Excel VBAによるIEの制御に関して
-
HTMLページの自動ジャンプの方法
-
リストの項目を隠す/表示する方...
-
スクロールできない
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
pythonのエラーについての質問...
-
どのページもすべて同じURLなの...
-
フレームの片方だけを更新(リロ...
-
2つのページを重ねたい
-
スタイルシートで背景画像を固...
-
スクロールできない
-
WebサイトでHTMLのフォームに隠...
-
ページが変わっても同じ音楽を...
-
frameの内容が表示されない
-
フレームで指定している送信先...
-
html 左メニューから右への表示...
-
target="_parent"
-
WordファイルをHTMLに埋め込む方法
-
直リンクとは。
-
URLを変えないで表示する方法
-
フレームを使わずに画面分割し...
-
フレームが表示されない><
-
画面の一部だけ更新したいので...
-
フレーム内のURLを表示させる方法
-
<iframe>タグが正常に動作しない
おすすめ情報