インラインフレーム内のアンカーに飛ばせますか？

解決済

質問者：kotokotocafe
質問日時：2006/10/01 05:49
回答数：1件

a.html上にname="ai"としてiflameを置き、そこにb.htmlを表示させています。

このb.htmlにはアンカーをいくつかつけており
a.html上にあるリンクをクリックすると
インラインフレーム内のb.htmlの任意のアンカーポイントへ移動するということをしたいのですが
可能なのでしょうか？

現在このような書き方なのですが
まったく動きません…。
<a href="b.html#b-1" target="ai"><img src="image.gif" width="100" height="16"></a>

教えてください。

通報する

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

質問の本文を隠す

回答 (1件)

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

No.1ベストアンサー

回答者： gura_
回答日時：2006/10/01 10:04

　target について、勘違いされていませんか↓

http://www.tohoho-web.com/html/attr/target.htm

記述例↓
【a.html】
<html><head>
</head>
<body>
<a href="b.html#b-1" target="ai" alt="b-1へリンク">
<img src="http://oshiete1.goo.ne.jp/images/goo.gif" width="100" height="16"></a>target ai 
<a href="b.html#b-2" target="ai" alt="b-2へリンク">
<img src="http://oshiete1.goo.ne.jp/images/goo_h1_50b.gif" width="100" height="16"></a>target ai 
<a href="b.html#b-1" target="ax">target ax へ b-1 リンク</a> 
<a href="http://www.goo.ne.jp/" target="ax">target ax へ goo を表示</a> 
==インラインフレーム ai== 
<iframe src="b.html" align="top" name="ai">ここはインラインフレーム name=ai</iframe> 
==インラインフレーム ax== 
<iframe src="http://www.goo.ne.jp/" align="left" name="ax">ここがインラインフレーム name=ax</iframe>
</body>
</html>

【b.html】
<html><head>
</head>
<body>
このb.htmlにはアンカーをいくつかつけています。
 
<a name="b-1"></a>ここはb-1です
 
<a name="b-2"></a>ここはb-2です
 
ここは、b.html の中です
 
ここは、b.html の最後です
</body>
</html>

参考URL：http://www.tohoho-web.com/html/attr/target.htm

この回答への補足

ありがとうございます。
ターゲットはいつも使っているので
理解していると思うのですが。
guraさんの例に習ってこのように書きました↓
すると動きました。

しかしこの内容を実際のページに適応してみると
やはり動きません。
なにかやってはいけないことをしているのでしょうか。
拡張子がhtmだからとか…。うーん違いますよね。
実際のページを載せることが出来ないので
なにが悪いのかわかりにくいですよね。

でもhtmlで可能だということがわかりすっきりしました。ありがとうございました。
もうちょっと考えて見ますので、何か思い当たることがあればお願いします。

a.htmlの中身

<html><head>
</head>
<body>
<iframe src="b.html" name="ai" border="0px" style="border:dotted 0pt;border-color:#ffffff;" frameborder="0" width="100" height="100"scrolling="yes" allowtransparency="true"></iframe>

<a href="b.html#b-2" target="ai"><img src="images/come_03.gif"width="81" height="45" border="0"></a>
</body>
</html>

b.htmlの中身

<html><head>
</head>
<body>
<a name="b-1"></a><img src="geta.jpg" width="10" height="10">
b-1 
 
 
 
 
 
 
 
 
<a name="b-2"></a><img src="geta.jpg" width="10" height="10"> b-2 
 
 
 
 
 
 
 
</html>

補足日時：2006/10/01 12:52

通報する

- 0
- 件

通報する

この回答へのお礼

いろいろやってみたのですが
どうやら、良くみるとなんとか反応しているようなのです。
良くみるとというのは、クリックしても何にも起きないのですが、iframe用に出ている縦スクロールバーの上を一回ポンとクリックする、もしくはiframeの中で右クリック→最新の情報に更新、を選択すると任意の場所に移動します。

…なぜこのような反応になるのかわかりません。

この質問はこのままで、新しい質問を立てようと思っています。

ありがとうございました。

通報する

お礼日時：2006/10/01 15:56

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！