- ベストアンサー
インラインフレーム内のアンカーに飛ばせますか？
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> 教えてください。
- kotokotocafe
- お礼率79% (59/74)
- HTML
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
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<br><br> <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<br><br> <a href="b.html#b-1" target="ax">target ax へ b-1 リンク</a><br><br> <a href="http://www.goo.ne.jp/" target="ax">target ax へ goo を表示</a><br><br> ==インラインフレーム ai==<br> <iframe src="b.html" align="top" name="ai">ここはインラインフレーム name=ai</iframe><br><br> ==インラインフレーム ax==<br> <iframe src="http://www.goo.ne.jp/" align="left" name="ax">ここがインラインフレーム name=ax</iframe> </body> </html> 【b.html】 <html><head> </head> <body> このb.htmlにはアンカーをいくつかつけています。 <br><br> <a name="b-1"></a>ここはb-1です <br><br><br><br><br><br> <a name="b-2"></a>ここはb-2です <br><br><br><br><br><br> ここは、b.html の中です <br><br><br><br><br><br> ここは、b.html の最後です </body> </html>
お礼
いろいろやってみたのですが どうやら、良くみるとなんとか反応しているようなのです。 良くみるとというのは、クリックしても何にも起きないのですが、iframe用に出ている縦スクロールバーの上を一回ポンとクリックする、もしくはiframeの中で右クリック→最新の情報に更新、を選択すると任意の場所に移動します。 …なぜこのような反応になるのかわかりません。 この質問はこのままで、新しい質問を立てようと思っています。 ありがとうございました。
補足
ありがとうございます。 ターゲットはいつも使っているので 理解していると思うのですが。 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 <br> <br> <br> <br> <br> <br> <br> <br> <br> <a name="b-2"></a><img src="geta.jpg" width="10" height="10"> b-2<br> <br> <br> <br> <br> <br> <br> <br> </html>