• 締切済み

リンクをクリックすると、親ウィンドーにiframe構造のページが開き、さらにターゲットへジャンプする方法はありますでしょうか?

例えば、 index.htmlを下記の通りとします。 --iframe----HTML----- |       |       | | menu   |        | ---------------------- 左のmenuをクリックすると、iframeで作った別のページが開き、さらにその中のページのターゲット内に移動したいのです。 index.htmlのmenuをクリック→anotherpage.htmlへ移動 --iframe----iframe----- |       |main.html | | menu   |      | ---------------------- さらに、右iframe内はmain.html内のターゲットAへジャンプ。 このようなジャンプは可能でしょうか? よろしくお願いします。

  • HTML
  • 回答数2
  • ありがとう数7

みんなの回答

回答No.2

SEO対策ならフレームを逆手にとった方法があります。 参考URLをご覧下さい。

参考URL:
http://www.hyperposition.com/spam/frame.html
himatubu4
質問者

お礼

再び有難うございます。 なるほど、こういった裏技もあるんですか。 しかし、技術的に解決したい気もするので、もう少し考えてみることにします。 雑学として面白い内容ですね。 有難うございます。

回答No.1

可能だと思います。 がjavascriptを書けば簡単にできます。 しかし、index.htmlとanotherpage.htmlのメニュー部分が同じなのであれば もともとiframeでなくframeにして左右を分けて 左にメニュー画面、右にコンテンツとした方が 後のメンテナンスが格段に楽になると思うのですが・・ どうしてもご質問の方法にするのなら スクリプトも書きますが・・ いかがなんでしょうか?

himatubu4
質問者

お礼

早速返事有難うございます。 index.htmlとanotherpage.htmlのメニューは同じです。 一方、素人考えのSEO対策で、トップページはフレームの数を少なくしたいと思ったのですが、どうでしょうか?(indexのフレーム内は検索エンジンにかからないとありましたもので) もしその通りでありましたら、スクリプト教えていただけますでしょうか。 もしくは、フレームでも問題ないでしょうか。

関連するQ&A

  • リンクをクリックすると親ウィンドーにiframe構造のページが開き、さらにターゲットへジャンプする方法はありますでしょうか?

    以前質問させてヒントをいただいたのですが、結局解決できなかったのでもう一度お願いします。 例えば、index.htmlを下記の通りとします。 --iframe----HTML----- |       |        | | menu  |        | ---------------------- 左のmenuをクリックすると、iframeで作った別のページが開き、さらにその中のページのターゲット内に移動したいのです。 index.htmlのmenuをクリック→anotherpage.htmlへ移動 --iframe----iframe----- |       |main.html   | | menu   |        | ---------------------- さらに、右iframe内はmain.html内のターゲットAへジャンプ。 このようなジャンプがJavaScriptで可能だと教えていただきましたが、どのようにするのか解りませんでした。 そのプログラムや、それ以外の簡単な方法がありましたら、教えて下さい。 よろしくお願いします。

  • iframeから別ページのiframeへのリンク

    iframeに関する質問です。 iframe内リンク から別ページの iframe 内のアンカーへの移動は可能でしょうか? ======ページ構成は以下の通りです。====== A_01.html (親ページ) A_02.html (A_01のiframe (子) ページ) B_01.html (親ページ) B_02.html (B_01のiframe (子) ページ) ====================================== ======希望動作====== A_01.html 内に設置してある、iframe A_02.html のリンクをクリックし、 別ページでB_01.html 内に設置してある iframe B_02.html のアンカー先を 表示したいと思っております。 ==================== 色々と試してはいるのですが上手く行っておりません。 iframeの重複利用は避けたいのですが、色々な制限の為、やもえず使用しております。 何かアドバイスや方法がありましたら宜しくお願い致します。

  • iframe内から親ページに文字列追加

    サイト内でiframeを使っているのですが、iframe内のファイルを読み込んだとき、もしくはiframe内のリンクをクリックしたときに大元の親ページに文字列(リンク)を追加したいと考えています。 ・階層イメージ ([ ]内は内容)    index(親)[iframe(メイン)]          ↓      main(メイン) [iframe(子)(子へのリンクがある)]          ↓        child(子)[内容] 現在このようになっています。 childを読み込んだときか、mainの子へのリンクをクリックしたときにindexのほうに文字列(リンク)を追加したいのですが、どなたか方法をご存じの方はいらっしゃらないでしょうか? 当方はあまりHTMLには詳しいとは言えませんので、できれば具体的なタグなどで解説していただければありがたいです。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • 一つのボタンでページ移動iframeとリンクを開く

    divで分けたpage1とpage2で page1には <ul > <li><a href="http://www.apple.com/jp/"target="iframe1" >Apple</a></li> <li><a href="http://www.microsoft.com/japan/‎" target="iframe1">Microsoft</a></li> </ul> page2には <iframe name="iframe1"></iframe> page1の外部リンクをクリックした時に page2移動して、iframe内にHPを開く用にしたいのですが、できますか!? targetでpage2にリンクを開くのはできましたが ページの移動ができません。 例えば、javascriptでpage1の外部リンクは全て移動するとか。。。 ど素人なので、違う簡単な方法があれば教えてください。

  • リンクをiframeまでジャンプしてHPを表示

    ページ上部に外部リンクがいくつかってあって ページの下部にiframe ページ上部の外部リンクをクリックすると ページ下部のiframeにウェブサイトが表示されて ページ下部のiframeまでジャンプする用にしたいですが 何か方法はありますか!? ――――――――――――――――――――――― |                                          | ・Gmail | ・Yahooメール                                    | ・Twitter | ・Facebook | ・ | ・ | ・ | ・ | ・ | ・ | ・      ~~~~~~~~~~//~~~~~~~~~   | ・ | ・ | ・ | ・ |  ――――――――――――――――――――― | | (iframe)   | | | | | | | | |  ――――――――――――――――――――― |  ――――――――――――――――――――――

  • iframeの中でページ内リンクはできますか?

    iframeを使って下記のようなつくりでHTMLを組んでみましたが、Chromeでリンクに飛ぶことができません。((1)をクリックすると(2)の位置に飛んでほしい) = A.html = <html> <body> <iframe src="B.html" scrolling="no" frameborder="0" width="750" height="2000"></iframe> </body> </html> = B.html = <html> <body> <a href="#CCC"><img src="xxx.jpg" /></a>…(1)   ・   ・   ・ <a href="C.html" name="CCC">あいうえお </a>…(2) </body> </html> ざっくりと書いてしまいましたが、親HTML(ここでいうA.html)では指示をせず、あくまでiframe中の子HTML(ここでいうB.html)の中でページ内リンクをしたいと思っています。 ちなみにiframeを使っていますが、ブラウザ上の見え方としては、A.htmlに1ページで組んでいるかのような形にしたいと思っています。 ネットでいろいろ調べてみましたがよくわからず、記述が悪いのか、Chromeではうまくいかないのか、悩んでおります。(Sarfari等、うまくいったブラウザもあるのですが…) よい方法がございましたら教えてください。 宜しくお願いします。

  • 元ページのiframe内リンクから、ターゲット_blankで開いた別窓

    あるページがあり、そこにはiframeが設定されていたとします。そのiframe内にリンクがあり、それを押すと別窓が開きます。 その別窓の中にあるリンクを押すと、元ページ全体を別のURLに変更し、同時にその別窓も閉じるような事はできますでしょうか? ただ、前提としてiframeからのリンクはあくまでターゲット_blankです。javascriptは使いません。 現状では、別窓にjavascriptを記述し、元ページに変更を加えるようにしたのですが、どうしてもiframeの中が変わるだけになってしまいます。 良い方法はありませんか?

    • ベストアンサー
    • HTML
  • iframe内の特定の場所にジャンプする方法

    iframeの枠内に長い記事を入れています。スクロールをするのが大変なので、枠外に第1章、第2章などのボタンをつけておき、それをクリックすることによりそれぞれの場所にジャンプできるようにしたいと思っています。普通のアンカー名を使うページ内リンクではiframeが崩れてジャンプ先の表示が外に出てしまいます。何とかiframeの枠内で表示させたいと思っています。どなたか方法をご教示いただきたいと思います。よろしくお願いします。

    • ベストアンサー
    • HTML
  • iframe内をクリックさせない方法ありませんか?

    いつもお世話になっています。 タイトルの通りなんですが、 iframe内をのリンクなどをクリックさせない方法ってありますか? 条件として、iframe内のページはソースを触ることができません。 jsなどが絡む場合オープンソースがあれば助かります。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • CGIでリンクさせたページを同一のページ内の iframe に表示させるには

    CGIでリンクさせたページを同一のページ内の iframe に表示させるにはどうしたらいいでしょうか? ちなみにCGIは -------------------- #!/usr/bin/perl $querybuffer = $ENV{'QUERY_STRING'}; @pairs = split(/&/,$querybuffer); foreach $pair (@pairs) { ($name, $value) = split(/=/, $pair); if( $name eq "jumpto" ) { $jumpto = $value; # 移動先 } } if( $jumpto ne "-" ) { print "Location: $jumpto\n\n"; } else { print "Content-type: text/html\n\n"; print qq|<HTML>\n<HEAD><META HTTP-EQUIV="Content-Type" CONTENT="text/html ; charset=Shift_JIS">\n<TITLE>移動先が未指定です</TITLE></HEAD>\n|; print qq|<BODY><H1>移動先が選択されていません。</H1><P>移動先を選択してからボタンをクリックして下さい。</P></BODY>\n|; } exit; ------------------ です。 iframe部分は以下のようにしています。 <iframe src="index.html" height=200 width=460> この部分は iframe 対応のブラウザで見てください。 </iframe>

    • ベストアンサー
    • CGI

専門家に質問してみよう