No.3ベストアンサー
- 回答日時:
今ザッと確認した限りでは、javascriptなんかなくても
<a href="hoge.html#header" target="frame01">go</a>
みたいな書き方で、hoge.htmlの中にid="header"な要素があるだけ
でオッケーでしたけどね。
この回答へのお礼
お礼日時:2009/05/24 01:02
ご回答ありがとうございますTT
なるほど!すごくシンプルだったんですね。。
親ページのアンカーで飛ばすことにとらわれていました。
iframe内にアンカーをせっていしていますので、そちらに飛ばしてみます!!
No.4
- 回答日時:
回答2の者です。
> 回答3
なるほど。
iframeの中のアンカーに飛ばすと、親ページの方も、iframeが見える位置にまでスクロールするんですね。
それなら、iframeの中に表示するページにダミーのアンカーを埋め込んでおけば、JavaScriptを使わなくても、
HTMLだけで問題なく表現できそうです。
No.2
- 回答日時:
HTMLレベルでは、「アンカーで飛ぶ」と「iframeの内容を切り替える」を同時に行うことはできません。
JavaScriptを使うしかないと思います。
リンクタグを <a href="iframeの移動先URL" target="iframeの名前" onclick="location.hash='#iframeのある位置へのアンカー名';">と指定すれば、
iframeの更新とアンカーへの移動が同時にできます。
…と書いている間に、回答1が書かれましたが、
どちらもJavaScriptを使うという方針は同じで、
回答1: HTMLでアンカーに飛び、JavaScriptでiframe更新
私の回答: HTMLでiframe更新、JavaScriptでアンカーに飛ぶ
という違いがあります。
JavaScriptを使用できなくしている環境での閲覧を考えると、
HTMLでの指定はiframe更新にしておいた方が無難かと思います。
No.1
- 回答日時:
インラインフレームの id を "id1" として次のようにすればどうでしょう?
(クリックされるa要素)
<a id="id0" href="#id1"><img src="***"/></a>
(スクリプト)
window.onload = function() {
document.getElementById('id0').onclick = function() {
document.getElementById('id1').src = 'http://www.google.co.jp';
}
}
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
- HTML・CSS 画像が分割されて切り替わる、ループアニメーションが作りたい 7 2023/05/27 17:12
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- 一眼レフカメラ 設定を瞬時に切り替え 3 2022/09/27 19:58
- AJAX 自作の地図をグーグルマップのようにしたい 3 2022/11/15 11:53
- モニター・ディスプレイ 「.cur」のアイコン表示について 4 2023/03/04 10:21
- Chrome(クローム) グーグルクロムをマイクロソフト・エッジに切り替える方法 2 2022/06/20 10:08
- ノートパソコン サーフェスというノートパソコンを 6年ほど使っています。 パソコンに無知で、音声について教えて頂きた 1 2023/04/17 08:06
- モニター・ディスプレイ PCとプレステで、モニターの表示を切り替えたい 1 2022/05/11 23:55
- JavaScript Javascript初心者|jQueryの.val()で値を取得し複数の要素を連結させる方法知りたい 2 2022/06/02 12:06
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<a target="_top" href="***.ht...
-
ページ内の画像だけを一定時間...
-
インラインフレーム内でリンク移動
-
ブラウザ依存?<a name="#xxx" ...
-
iframe内の特定の場所にジャン...
-
リンク先からリンク元の、同じ...
-
インラインフレーム内のアンカ...
-
<a href="/">トップへ</a> こ...
-
sitemap.xmlとサイトマップ.htm...
-
EZアップロードでファイルを転...
-
a name
-
別窓にスクロールをつけるやり...
-
ページの途中にリンクするとそ...
-
同じHTMLなのに色が違う原因は?
-
Preタグ内URLからリンクは張れ...
-
インラインフレームがうまく表...
-
画像をクリックしたら音楽が流...
-
<footer>ですが!CSS側からでは...
-
form action="#"
-
htmlのmailtoについて
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
form action="#"
-
リンク先からリンク元の、同じ...
-
<a href="/">トップへ</a> こ...
-
ページ内の画像だけを一定時間...
-
インラインフレーム内のアンカ...
-
ページの途中にリンクするとそ...
-
httpdで接続が拒否される
-
インラインフレームの中に表示...
-
画面を開いたときに指定位置ま...
-
googleサーチコンソールで、重...
-
WEBページのヘッダーフッターを...
-
リンクの文字とリンクの文字を...
-
掲示板のレスへの リンクの貼り方
-
a:linkのスタイルのインライン指定
-
iframe内の特定の場所にジャン...
-
Excel VBAを使ってHTML生成をし...
-
<a target="_top" href="***.ht...
-
Preタグ内URLからリンクは張れ...
-
ブラウザ依存?<a name="#xxx" ...
-
ポップアップ画面にアンカーを...
おすすめ情報