HTMLまたはJavaScriptの質問です。

ドメインAからBへリンクを張る際に、Bのiframe内に埋め込んだ指定アンカータグまでスクロールさせる方法はありますか?
なるべくシンプルな方法を教えてください。

回答の条件
  • 1人1回まで
  • 登録:2006/04/13 15:47:25
  • 終了:2006/04/13 18:35:49

回答(3件)

id:sudayosiaki No.1

sudayosiaki回答回数204ベストアンサー獲得回数62006/04/13 17:04:00

ポイント10pt

ホームページビルダーをお使いなら先ず下記を見てください。

http://hpbuilder.net/hpbuilder3.htm

iframe内へはhttp://www.aimix.jp/label.html

同様手順で「違うページのラベルへリンク」を参照。

この場合ラベルを貼るiframe内のページは必ず上書き保存

してからリンクを貼ります。

ビルダー以外のためにスクリプトを付けます。

iframe内ページ

リンク先の文字列

リンクページ

リンク元

stylというラベルを貼っています。半角英数ならaa bb

でも大丈夫です。

id:kubira711 No.2

kubira711回答回数132ベストアンサー獲得回数02006/04/13 16:48:18

ポイント10pt

HREF="abc.htm#P1" 

HREF="#P2"

TARGET="#W1"

などで普通に位置づけすればよろしいかと。

iframeのほうのスタイルで position: absolute でトップ位置を指定して上記の位置に合わせてしまえばよろしいでしょう。

id:llusall No.3

llusall回答回数505ベストアンサー獲得回数612006/04/13 16:46:29

ポイント60pt

こんなのはどうでしょう?

  • ドメインAのページ(a.htm) ----------------------

<html>

<head>

<title>ドメインA</title>

</head>

<body>

ドメインA



ドメインBへ... //アンカー位置を引数に指定

</body>

</html>


  • ドメインBのページ(b.htm) ----------------------

<html>

<head>

<title>ドメインB</title>

</head>

<body>

ドメインBです。



B位置に移動して表示




インラインフレーム

<iframe src="" name="myFrame" width="300" height="100"></iframe>

</body>

</html>

<script language="javascript"></p> <p><!--</p> <p> str = location.search;</p> <p> str = str.substring(5,str.length);</p> <p> myFrame.location.href='b_in.htm#'+str; //ロード時にアンカー位置を指定してiframe表示</p> <p>// --></p> <p></script>


  • ドメインBのiframe(b_in.htm) -------------------

<html>

<head>

<title></title>

</head>

<body>


AAAAAAAAAAAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAA









BBBBBBBBBBBBBBBBBBBBBB

BBBBBBBBBBBBBBBBBBBBBB









CCCCCCCCCCCCCCCCCCCCCC

CCCCCCCCCCCCCCCCCCCCCC

CCCCCCCCCCCCCCCCCCCCCC

</body>

</html>

  • id:llusall
    HTMLが上手く表示できませんでした。
    すみませんでした。
    再度、コメントさせていただきます。

    <XMP>
    ■ドメインAのページ(a.htm)-----------------------
    <html>
    <head>
    <title>ドメインA</title>
    </head>
    <body>
    ドメインA<br>
    <br>
    <br>
    <a href="http://domainb/b.htm?pos=b">ドメインBへ...</a> // 位置を指定してドメインBのページへリンク
    </body>
    </html>



    ■ドメインBのページ(b.htm)----------------------
    <html>
    <head>
    <title>ドメインB</title>
    </head>
    <body>
    ドメインBです。
    <br><br>
    B位置に移動して表示
    <br><br>
    <br>インラインフレーム<br>
    <iframe src="" name="myFrame" width="300" height="100"></iframe>
    </body>
    </html>
    <script language="javascript">
    <!--
    str = location.search;
    str = str.substring(5,str.length);
    myFrame.location.href='b_in.htm#'+str; //ロード時に指定アンカに移動させる
    // -->
    </script>



    ■ドメインBのiframeページ(b_in.htm)--------------
    <html>
    <head>
    <title></title>
    </head>
    <body>
    <br>
    <A NAME=a> </A>
    AAAAAAAAAAAAAAAAAAAAAA<br>
    AAAAAAAAAAAAAAAAAAAAAA<br>
    <br><br><br><br>
    <br><br><br><br>
    <A NAME=b> </A>
    BBBBBBBBBBBBBBBBBBBBBB<br>
    BBBBBBBBBBBBBBBBBBBBBB<br>
    <br><br><br><br>
    <br><br><br><br>
    <A NAME=c> </A>
    CCCCCCCCCCCCCCCCCCCCCC<br>
    CCCCCCCCCCCCCCCCCCCCCC<br>
    </body>
    </html>

    </XMP>
  • id:P-mako
    ありがとうございました。
    ブラウザでソースを見ればわかるだろうと思っていましたが、親切にありがとうございます。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません