- 締切済み
1回のクリックで複数ページ表示
お世話になってます。ビルダーで縦に３分割のＨＰを作っています。 index.html（全画面）→TOPで（３分割）になっており、 左フレームがmenu 真ん中フレームがmain 右フレームがsubmenuです。 アドバイスをいただきたいのは、menuのボタンを押すと真ん中と右側２箇所が同時に表示変更されて なおかつブラウザのバックボタンで１回で２箇所が戻れる連動方法です。 過去ログで同じ内容の質問があり↓を参考にして５.６時間やっていたのですが フレーム形式が違うのと、恥ずかしながら私の知識の浅さでわかりませんでした。 http://www.din.or.jp/~hagi3/JavaScript/JSTips/FrameCon.htm この方法がある事を知る前は、カテゴリ別のTOPページを作っていましたが それだと更新マークを複数ページの何箇所にも付けなければならず ３分割している意味が無いような気がするので、理解できるならこの方法で表示したいのです。 途方にくれてこんな時間になってしまいました・・・。 回答をいただいた時、内容について質問するかもしれませんがよろしくお願いいたします<m(__)m>
- nightmare0069
- お礼率63% (40/63)
- JavaScript
- 回答数3
- ありがとう数3
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- pureh
- ベストアンサー率69% (36/52)
>>はい！質問です！問題はその親に入れるタグを何処に入れるか・・・ タグ？ＪａｖａＳｃｒｉｐｔのことですか？ >>確認すると記述されてるところはありますがHTMLでの記述は無いと思われます。 ↑の意味が分かりません。何所に記述されてるのですか？ TOP.HTMLには、<frame ...>があると思うのですけど。
- pureh
- ベストアンサー率69% (36/52)
＃１のものです。 >>index.html（全画面）→TOPで（３分割）になっており、 ここを理解できてませんでした。ゴメンナサイ。 親は、ＴＯＰです。だから、１は、 ｉｎｄｅｘ．ｈｔｍｌのところをＴＯＰ．ＨＴＭＬに 読み替えてください。 ＴＯＰ．ＨＴＭＬには、 <frame name='right' ... > または、 <frame name='submenu' ... > こういうのが、ありますよね？ あれば、rightか submenuか？ どちらか使われている方を frames.title.locationのtitleと置き換えます。 ２の方は、問題ないですよね。 それから、もうひとつ、ゴメンナサイ ビルダーでの作り方なんですね。 こっちの方は私は持ってないので、分かりません。 と言うわけで、自信＝＞‘なし’です．．．
補足
はい！質問です！問題はその親に入れるタグを何処に入れるか・・・ ３分割してある中の（あたし的には）menuでしょうか？相変わらずずーっとやってますが光が見えてきません(^-^; ＞ＴＯＰ．ＨＴＭＬには、<frame name='right' ... >または<frame name='submenu' ... >こういうのが、ありますよね？ ないんです(/_＜。) 今も確認しましたがやっぱりないです。確認すると記述されてるところはありますがHTMLでの記述は無いと思われます。 お伺いしますが、そのページだけ別の作り方をすれば差し込めますか？
- pureh
- ベストアンサー率69% (36/52)
あなたが作成中のページですが、 ｉｎｄｅｘ．ｈｔｍｌで、フレーム構成の定義をしていて、 分割しているフレームのＮＡＭＥ属性が、それぞれ、 ｍｅｎｕ，ｍａｉｎ，ｓｕｂｍｅｎｕ、つまり、 <frame name='menu' ...> のようにしている で、よろしいでしょうか？ 上記と仮定して、更に、 ｍｅｎｕでボタンを押したときに直接リンクするフレームを ｍａｉｎ、それに追随して変るフレームをｓｕｂｍｅｎｕ とした場合、 １）ｉｎｄｅｘ．ｈｔｍｌは、 参考サイトの『フレームの親』の中のＪａｖａＳｃｒｉｐｔ を＜ｈｅａｄ＞と＜／ｈｅａｄ＞間の箇所にコピーして、 frames.title.location の‘ｔｉｔｌｅ’を‘ｓｕｂｍｅｎｕ’に替える、すなわち、 frames.submenu.location にする。２ヶ所あります。 ２）ｍａｉｎに表示される各ページに対して、 参考サイトの『操作で表示されるページ』のＪａｖａＳｃｒｉｐｔ をコピーする。続いて、 ｂｏｄｙタグに、 <body onLoad="loadPage('submenu1.html');"> のように、onLoad以下をつける。 このとき、'submenu1.htm'は、適宜、対となるｓｕｂｍｅｎｕ のファイル名（ＵＲＬ）に変更する。 以上です。 動かなかったら補足にて報告してください。
お礼
お礼を申し上げるのを忘れてしまいました。返信ありがとうございます<m(__)m> レスをいただいてから、具体的にアレコレやっていたのですがお手上げ状態です。 具体的に私の疑問を書いたほうが、わたしがいったいどうしてわからないのか 伝わるんじゃないかと思いまして記入させていただきます。 恥ずかしながら、まず親がわかりません・・・3つのhtmをくっつけたTOPが親ですよね？ index.htmlは全画面表示で、enter用の表紙みたいな感じなんです。 で、親はどこに隠れているのでしょう（爆）検索したら3つのhtm以外にもう一つの定義ファイルが必要とありました。 定義ファイルの中に3つのファイルを呼び込むのなら、index.html自体が3分割じゃないとおかしいって事になりますか？ もしかしてくっつけたTOPが親・・・？まとめて保存したのがいけなかったのでしょうか？ ビルダーで定義を直接ソースに打ち込むと、ページ編集では自動的に３分割になります。 最初のTOPの３つのページをそれぞれ差し込んで閉じようとすると、打ち込んだソース画面の保存するか聞いてきます。 そこで定義ファイルとして保存すればよろしいのでしょうか？ では、index.htmlからのリンクは定義ファイル？３つリンクをはって定義ファイルに読み込むって事ですか？ ダメです・・・考えれば考えるほどわけがわからなくなってきます(/_＜。) index.htmlを３分割にしてみても、親の認識がわからないのでどれもこれも失敗でした。 もう↓の表示中の連動ページのURLから理解不能に陥ってます。 <script language="JavaScript"><!-- loadedTitle = ''; // 表示中の連動ページの URL 連動・・・っというのはロードされたページでイイんですよね？（；￢＿￢） どんどん難しく考えてしまってます。申し訳ありませんが、再度アドバイスをお願いいたします。
補足
すみません、その「フレームの定義」って言うのがわかりません（滝汗） もしかしてindex.htmlも３分割にするべきなのでしょうか？ index.htmlの画像をクリックするとtop.htmlになり、そのtop.htmlから３分割になるのですが、 topは左からleft（menu）、center（main）、right（submenu）という３つのhtmlをくっつけたtop.htmlを別に作ったものが表示されるようになってます。 分割して作ったのはtopからなので、フレーム属性がleft、center、rightになっているのはtopからだと思います。 この構成がそもそも安直で間違っているのですか？ 知識が無く申し訳ありませんがアドバイスお願いいたします<m(__)m> 先ほどもずっと参考ページをみながらがんばってみたのですが、わからず検索しても見つけられませんでした・・・。
お礼
すみませんフレームのHTMLっていうのがありました（￣▽￣；） ごめんなさい！わたしが無過ぎました！！お騒がせしました！！ ですが、容量を減らすためにもCENTERを2分割した方が話が早いという事に気付きました。 ので、これからがんばります。本当にありがとうございました<m(__)m>
補足
度々回答本当にありがとうございます<m(__)m>今もあちこちさまよってました。 え～っと、ビルダーには「フレームの属性」っていう表示ができるようになっていて 左で右クリックして「フレームの属性」を選択すれば呼び込んでいるＵＲＬや フレーム名、フレームのサイズやスクロールバーを表示するとかしないとか・・・ などなどを見ることが出来ます。が、ＨＴＭＬ表示にすると無いんです。 それとは別に「イベントの属性」を設定できるので、そこでやれば良いのとは思うのですが タグやＪＡＶＡ ＳＣＲＩＰＴを良く理解できてないので、上手くいかないんです。 なので、ほとんど探して探して直接打ち込んでいる状況です。 なので、赤くエラーもあるのですがどうしたらよいのかわからなかったりします(^-^; いかがなものでしょうか？