
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>
教えてください。
No.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>
参考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 <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>
いろいろやってみたのですが
どうやら、良くみるとなんとか反応しているようなのです。
良くみるとというのは、クリックしても何にも起きないのですが、iframe用に出ている縦スクロールバーの上を一回ポンとクリックする、もしくはiframeの中で右クリック→最新の情報に更新、を選択すると任意の場所に移動します。
…なぜこのような反応になるのかわかりません。
この質問はこのままで、新しい質問を立てようと思っています。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
今、見られている記事はコレ!
-
隣の枝がはみ出してきたら切ってもいい?最もやってはいけないことは?
「隣の木が越境してきて困るが、勝手に切ってはいけないと聞くし…」そう思っている方も多いだろう。実は、2023年4月1日に民法が改正され、この「越境枝」のルールが大きく変わった。 教えて!gooでも「境界から出て...
-
弁護士が解説!あなたの声を行政に届ける「パブリックコメント」制度のすべて
社会に対する意見や不満、疑問。それを発信する場所は、SNSやブログ、そしてニュースサイトのコメント欄など多岐にわたる。教えて!gooでも「ヤフコメ民について」というタイトルのトピックがあり、この投稿の通り、...
-
弁護士が語る「合法と違法を分けるオンラインカジノのシンプルな線引き」
「お金を賭けたら違法です」ーーこう答えたのは富士見坂法律事務所の井上義之弁護士。オンラインカジノが違法となるかどうかの基準は、このように非常にシンプルである。しかし2025年にはいって、違法賭博事件が相次...
-
釣りと密漁の違いは?知らなかったでは済まされない?事前にできることは?
知らなかったでは済まされないのが法律の世界であるが、全てを知ってから何かをするには少々手間がかかるし、最悪始めることすらできずに終わってしまうこともあり得る。教えてgooでも「釣りと密漁の境目はどこです...
-
カスハラとクレームの違いは?カスハラの法的責任は?企業がとるべき対応は?
東京都が、客からの迷惑行為などを称した「カスタマーハラスメント」、いわゆる「カスハラ」の防止を目的とした条例を、全国で初めて成立させた。条例に罰則はなく、2025年4月1日から施行される。 この動きは自治体...
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
googleサーチコンソールで、重...
-
safariでアンカーリンクが動作...
-
HTMLからフォルダを開きたい
-
iPadの標準ブラウザでローカルH...
-
縮小版のサムネイルの取得(画像...
-
見れる方・・
-
Excelで、社外秘(閲覧のみ)と...
-
ソースの追加行数と変更行数
-
VisualBasicがインストールされ...
-
CSSで配置等のデザインを作成
-
SEO サイト トップへリン...
-
アクオスケータイ4、アクオス...
-
クリックすると数字が減る...
-
テキストエディタvscodeでプロ...
-
有料アダルトサイトで間違えて...
-
Dreamweaverでソースが文字化け...
-
SSIでインクルードしたファイル...
-
900KBは多いですか?
-
古いMacの画像が見たいけど見ら...
-
lang 英語と日本語など混ざる時は
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
googleサーチコンソールで、重...
-
form action="#"
-
リンク先からリンク元の、同じ...
-
WEBページのヘッダーフッターを...
-
iframe内の特定の場所にジャン...
-
インラインフレーム切り替え&...
-
httpdで接続が拒否される
-
safariでアンカーリンクが動作...
-
<a target="_top" href="***.ht...
-
<footer>ですが!CSS側からでは...
-
画像をクリックしたら音楽が流...
-
インラインフレームの中に表示...
-
Preタグ内URLからリンクは張れ...
-
リンクの文字とリンクの文字を...
-
同じHTMLなのに色が違う原因は?
-
インラインフレーム内のアンカ...
-
<a href="/">トップへ</a> こ...
-
ハイパーリンクを指定した場所...
-
HTMLファイルのリンク一括解除
-
sitemap.xmlとサイトマップ.htm...
おすすめ情報