フレームページから別フレームのアンカーへの移動方法

前へ 次へ
このQ&Aのポイント
  • フレームページから別フレームのアンカーへ移動する方法を調べています。アンカーの数が多く、メンテナンス性を考慮してJavascriptでの実装を検討しています。
  • フレームページから別フレームのアンカーへの移動方法についてお知りの方はいらっしゃいますか？アンカーの数が多いため、Javascriptでの実装を考えています。
  • フレームページ内のアンカーだけでなく、別フレームのアンカーへも同時に移動したいです。アンカーの数が数百単位になるため、Javascriptでの実装が必要です。解決方法を教えてください。
回答を見る
  • ベストアンサー

フレームページから別フレームのアンカーへ

あるフレームAからフレームBへ移るとき、 同時に子ページのアンカーへもリンクのさせたいのですが、 検索しても「いくつか方法がある」という記述は発見できたものの、 そのものズバリ、Javascriptが記述されたページが見つからず、 途方に暮れています。 a.html（フレームA） 　a-1.html 　a-2.html b.html（フレームB） 　b-1.html 　b-2.html 　　#b-2a、#b-2b、#b-2c・・・ 上記のような場合なのですが、 単純に考えればb-2.htmlのそれぞれのアンカーを指定した フレームページをアンカーの数だけ作ればよいのですが、 アンカーが数百単位で存在し、 フレームBだけではなくフレームC、D、E・・・と フレーム自体も数が多いので、後々のメンテナンスを考えると Javascriptで行う方が良い気がしています。 どなたか解決方法をご存知でしょうか？

  • DIE
  • お礼率62% (17/27)

質問者が選んだベストアンサー

  • ベストアンサー
  • steel_gray
  • ベストアンサー率66% (1052/1578)
回答No.1

提示されているフレーム構成がちょっと理解できなかったので具体的には書けませんが参考URLの 「フレーム」→「フレームページに直接アクセスされたらフレーム復元 」 で、できると思います。 タイトルの表現は違いますが 最下層のページをリンクするとそのページを含むフレームセットを再構成するので希望する結果が得られると思います。 また、再構成後のURLを参考にリンクすれば余計な読み込みも省略できます。

参考URL：
http://mugi.cc/js/
DIE
質問者

お礼

参考URLの方法でなんとか実現できそうな気がします!! このJavascriptで頑張ってみたいと思います。 お教え頂き有難うございました!!

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • フレーム内のアンカーにリンクしたいのですが・・・

    とても困っています・・・ よろしくおねがいします<m(__)m> A.htmlからB.htmlのアンカーにリンクを張っているつもりなのですが、うまくいかないのです。 Ｂにはとぶのですが、必ずトップにいってしまい、アンカーを認識してくれません。 上記のファイルはＡもＢも、ともにフレームを使用しています。 うまくいかない原因はこのせいでしょうか・・・ 同じページならうまくいくのですが。 いかがでしょうか？

    • ベストアンサー
    • HTML
  • 別フレームからページ切り替え

    こんにちわ。 ちょっと急ぎで解決した問題なんですが よろしくお願いします。 aとbの二つにフレームを分けたページにて aからtop.b.location.href="c.html";として bフレームのページを切り替えているのですが bフレームにhttpsのページを表示した場合、 その後はaフレームから切り替えできなくなります。 （location.hrefを実行する行でエラー） これはセキュリティ上の仕様でしょうか？ 回避策などありましたらあわせて教えていただけると 助かります。

  • アンカーを使ったページリンク

    AページからＢページの下部分に飛ばすために、アンカーをつかっています。 でも、ウィンドウズで見るとうまくいくんですが、マックだとどうしてもBページの下部分にはいかないんです。Ｂページにはいくんですが、アンカーのついている下部分にはいってくれません。 マックだとその機能には対応していないんでしょうか？ ちなみにマックはOS9です。 教えてください！！ あと、平方メートルの単位はどうやっていれたらいいんでしょうか？Dreamweaver4を使っていますが、 特殊文字にも入っていません。 教えてください！！

  • フレームなしのページからフレームページのアンカー部分にリンク

    フレームを使用していないページから、フレーム分割したページへとぶ際に、とび先の１ページのアンカー部分を表示させることはできるのでしょうか？ 意味が分かりづらくて申し訳ありません。 また可能であれば、その方法をご存じの方、どうぞお教えいただけないでしょうか。 どうかよろしくお願いいたします。

    • ベストアンサー
    • HTML
  • ページ内アンカーに移動しない：

    ページ内アンカーに移動しない： あるページ"A"に <div id = "TOP"></div>と設定し ページ"B"に <a href="test.html#TOP">test<a> と設定しました。 動作確認をした結果、Firefox・クロムと正常に動くのですが IEが全バージョンで、該当ページに飛ぶのですが、アンカーに 移動しません。 ローカルにてテストをした結果、IEで通常に移動します。 調べた所、 javascript等が使用されているとリンク先ジャンプ後にセキュリティの確認 が有るため、アンカーリンクが消されると書いてあったので javascript部分を全て削除し、動作確認をしたのですが やはりアンカーに飛んでくれません。 どなたか、ご教示ください。

  • 親ウィンドウの別フレームを子ウィンドウから操作したい

    いろいろ試しているのですが、理解不足のせいでしょうが、どうやってもできません！ 内容は以下の通り(分からないのは3)です。どうぞ宜しくお願いいたします。 1:画面を、AとBの2つのフレームに分割しています。 【index.html】 <frameset> 　<frame src="A.html" name="A"> 　<frame src="B.html" name="B"> </frameset> 2:Aフレーム内に記述してあるaaaアンカーをクリックすると、子画面ko.htmlを開きます。 <a href="javascript:void(0)" onclick="window.open('path=ko.html','_blank');">子画面</a> 3:ko.htmlではbbbというアンカーがあって、それをクリックすると、"親画面のBフレームにbbbで指定したリンク内容を表示したい"のです。 <a href="javascript:void(0)" onclick="opener.window.location=('B?path=/home/～/～/ZZZ.html');">開きたいファイルZZZ.html</a> と書くと、openerはAだからAにZZZ.htmlの内容が表示されてしまうので、(全くおかしな記述をしているのかもしれませんが・・・(- -;))あちこち調べながら、 B.opener.window.locationとか、 B.opener.window.location.hrefとか、 parent.B.window.locationとか、 parent.frames[1].window.locationとか、 ほかにもいろいろやってみたのですが、出来ませんでした・・・。 このような別フレームの操作が出来る方法があれば教えてください。 宜しくお願いいたします。

  • フレームページ先へのアンカー設定

    今HP作成中の者です。 OS:WindowsXP １つ例を挙げますと フレーム分けしていないTOPページのあるリンクから フレーム分けしているページ（mainFrame)のある見出しにアンカーを設定し、TOPページからその記事まで飛ばしたいです。 その方法はどうやればいいのでしょうか？ よろしくお願い致します。

    • ベストアンサー
    • HTML
  • HTMLでフレームなしのページからフレームありのページへ

    過去の質問を探してみたのですが、なかなか私で理解できるような回答が見つからないのでお尋ねします。 現在ホームページを作成中で、フレームを使おうとしてますがトップページにはフレームを使わない仕様にしたいと考えてます。 トップページには、コンテンツが３つあり、フレームは１つでフレーム内の１カ所をそれぞれのコンテンツのページで表示させたいのです。 説明がわかりくくて申し訳ありません。 トップページ：index.html フレームページ：index2.html フレーム内：navi.htmlとmain.html このような構造でindex.htmlにA、B、Cそれぞれのコンテンツのリンクがあり、Aをクリックするとフレームページ（index2.html）のmain.htmlの部分のみがA用のページに入れ替わる。といった風にしたいのです。 A→mainA.html B→mainB.html C→mainC.html といった感じです。 それぞれのコンテンツ用にフレームページを増やす方法も考えて実行しましたが、できれば一つにしたいと思い、お尋ねします。 宜しくお願いいたします。

  • フレームでの「戻る」について

    １．「ページA」から「ページB」へ遷移します。 ２．「ページB」は「B1」と「B2」というフレームで構成されています。 ３．「B1」のリンクをクリックすると「B1」内で内容が切り替わります。 ４．ある特定のリンクの場合は「B2」に内容が表示されます。 上記のような遷移のあとで、「B1」のみ「戻る」の操作をしたいのですが、JavaScriptやブラウザの戻るボタンでは、「B2」や「B1」を遷移した順にしか戻る事ができません。 History.back()といった方法ではなく、遷移元へのリンクを直接書いたりといったことも考えたのですが、値を保持する必要も出てくるため、できれば単純な戻るの操作を行いたいです。 「B1」に記述したJavaScriptは以下の通りです。 「<A href="JavaScript:self.history.back();" target="_self"></A>」 「B1」のみ、つまり特定のフレーム内でのみ戻るの操作をするにはどのようにすればよろしいでしょうか。

  • JavaScriptを使ってアンカーリンクでテキストを変更したい。

    JavaScriptを使ってアンカーリンクでテキストを変更したい。 JavaScriptを使ってアンカーリンクでテキストを変更したいのですがうまくいかず困っています。 A　B　C　 <div class="A"> ○○○○○ ○○○○○　←　A群 ○○○○○ </div> Bのアンカーリンクを押したら A　B　C　 <div class="B"> □□□□□ □□□□□　←　B群 □□□□□ </div> Cのアンカーリンクを押したら A　B　C　 <div class="C"> △△△△△ △△△△△　←　C群 △△△△△ </div> というように同じページ内の同じ場所にcssのdisplay（none⇔block）で表示を入れ替えるようなスクリプトが書きたいのですがわかりません。 参考URLだけでもいいので宜しくお願いいたします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する