下記のhtmlで、左にメニュー、右にその内容を表示する。最初の開く時に、メニューの最後を選んで表示する。と言う事は、javascriptで出来るのだろうか。ファイルは下記の構成です。 main.html menu.html contents.html 180101-0300.html 180101-0400.html 180101-0500.html main.htmlの内容日記の実験 menu.htmlの内容 menu 180101-0300 180101-0400 180101-0500 contents.htmlの内容 contents 最初に表示される内容 180101-0300.htmlの内容 180101-0300 飲酒運転、現行犯で逮捕 180101-0400.htmlの内容 180101-0400 山岳遭難、救助ヘリ養成 180101-0500.htmlの内容 180101-0500 殺人未遂、現行犯逮捕ここで、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の最後を指定すれば、良いですが。どの様にして、左のをクリックさせて右側に表示をさせるのかが分かりません。済みません。javascriptのソースで回答を願います。

急いでいます！

javascriptでメニューを自動的に開く方法は無いのだろうか

解決済

質問者：usui-2015
質問日時：2017/11/29 15:31
回答数：1件

下記の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のソースで回答を願います。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： fujillin
回答日時：2017/11/29 16:00

こんにちは

お求めの回答ではないと思いますが・・・

frame要素を用いる方法は既に標準から削除されており、サポートしているブラウザがあるとしても、今後とも保証されるものではありません。
https://developer.mozilla.org/ja/docs/Web/HTML/E …

ご質問の内容は技術的には実現可能と思いますが、それよりも、全体の基本構成から考え直した方が良さそうに思います。