![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
下記のhtmlで、左にメニュー、右にその内容を表示する。
最初の開く時に、メニューの最後を選んで表示する。
と言う事は、javascriptで出来るのだろうか。
ファイルは下記の構成です。
main.html
menu.html
contents.html
180101-0300.html
180101-0400.html
180101-0500.html
main.htmlの内容
<HTML>
<HEAD>
<TITLE>日記の実験</TITLE>
</HEAD>
<frameset cols="20%,*">
<frame src="menu.html" name="menu">
<frame src="contents.html" name="contents">
</frameset>
</HTML>
menu.htmlの内容
<HTML>
<HEAD>
<TITLE>menu</TITLE>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12 …
<script src="./01.js"></script>
</HEAD>
<BODY>
<OL id="target">
<LI><A HREF="./180101-0300.html" target="contents">180101-0300</A></LI>
<LI><A HREF="./180101-0400.html" target="contents">180101-0400</A></LI>
<LI><A HREF="./180101-0500.html" target="contents">180101-0500</A></LI>
</OL>
</BODY>
</HTML>
contents.htmlの内容
<HTML>
<HEAD>
<TITLE>contents</TITLE>
</HEAD>
<BODY>
<P>
最初に表示される内容
</P>
</BODY>
</HTML>
180101-0300.htmlの内容
<HTML>
<HEAD>
<TITLE>180101-0300</TITLE>
</HEAD>
<BODY>
<P>
飲酒運転、現行犯で逮捕
</P>
</BODY>
</HTML>
180101-0400.htmlの内容
<HTML>
<HEAD>
<TITLE>180101-0400</TITLE>
</HEAD>
<BODY>
<P>
山岳遭難、救助ヘリ養成
</P>
</BODY>
</HTML>
180101-0500.htmlの内容
<HTML>
<HEAD>
<TITLE>180101-0500</TITLE>
</HEAD>
<BODY>
<P>
殺人未遂、現行犯逮捕
</P>
</BODY>
</HTML>
ここで、main.htmlを開くと左にmenu.htmlを
右にcontents.htmlが開く。
また、ここでjavascriptを起動させてmenu.htmlの
最後の要素を選択して180101-0500.htmlを右側に
表示をさせたい。
この様な事はjavascriptを使って動かす事は出来るのだ
ろうか。この時のjavascriptの定義は何処に保存をする
べきだろうか。ここでは、main.htmlかmenu.htmlの
両方が考えられるが。私としては、main.htmlに保存をしたい。
理由は、menu.htmlは絶えずデータの更新で上書きされる
為。
menu.htmlのolの最後を指定すれば、良いですが。
どの様にして、左の<ol><li>をクリックさせて
右側に表示をさせるのかが分かりません。
済みません。javascriptのソースで回答を願います。
No.1ベストアンサー
- 回答日時:
こんにちは
お求めの回答ではないと思いますが・・・
frame要素を用いる方法は既に標準から削除されており、サポートしているブラウザがあるとしても、今後とも保証されるものではありません。
https://developer.mozilla.org/ja/docs/Web/HTML/E …
ご質問の内容は技術的には実現可能と思いますが、それよりも、全体の基本構成から考え直した方が良さそうに思います。
有難う御座います。
そうですか。私が今使っている機能は何れは
無くなると言う事でしょうか。
再興して見ます。
有難う御座いました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- PHP PHPプログラムの間違い 1 2022/10/06 14:33
- HTML・CSS CSSが上手く反映されないみたいです 2 2022/11/21 16:19
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
親フレームからkeydownイベント...
-
子フレームの自動リロードは可...
-
スマホ上で、左右スワイプで次...
-
親ウィンドウの別フレームを子...
-
別フレームのページが読み込み...
-
エラー:書き込みができません ...
-
<a href="#" …>の意味を教えて...
-
<div>のタッチ状態を維持したま...
-
別ファイルのfunctionの読み込み方
-
getElementsByNameで要素が取得...
-
プラグイン無しでContactform7...
-
SQLのWHEREで全てを質問する方法
-
ウインドウを縮小しても文字を...
-
プルダウンメニューを別ファイ...
-
Dreamweaver で 外部JSを読み込...
-
「関数が定義されていない」と...
-
window.openで同画面遷移しない
-
確認ダイアログで「キャンセル...
-
bxslider、画像が3枚以上になる...
-
onLoadをbodyタグ以外で使用する
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
スマホ上で、左右スワイプで次...
-
インラインフレームで表示され...
-
インラインフレームをドラッグ...
-
HTMLでサブフレームから親のス...
-
フレームを跨ぐドロップダウン...
-
jqueryを利用してインラインフ...
-
別ページのインラインフレーム...
-
親ウィンドウの別フレームを子...
-
openerは使えないのでしょうか?
-
フレーム内のiframeのデータの...
-
フレームで隠れるポップ
-
ブラウザのURLアドレス文字表記...
-
フレーム分割領域のサイズを変...
-
エラー:書き込みができません ...
-
フレームのあるHPでプルダウン...
-
HTMLフォームボタンによるター...
-
別フレームのページが読み込み...
-
Javaでテトリスを作っています。
-
複数のページ(html)のvalueを...
-
URLを引数とし、フレーム間で渡...
おすすめ情報