プロが教えるわが家の防犯対策術！

htmlとjavaスクリプトに詳しい人きてください

解決済

  • 質問者：ikuzecia38
  • 質問日時：
  • 回答数：2件

～～略～～
<div id="btn">
　<a href="cont01" target="ifrm01">テスト</a>
</div>

～～略～～

<div id="cont-ifrm">
<iframe width="400" height="300" name="ifrm01"></iframe>
</div>

～～略～～

というコードがあったとします。この時「テスト」をクリックするとインラインフレーム(ifrm01)内にリンク先を表示させつつ、
さらにそのインラインフレームにページ内リンクで自動的にスクロールするにはどうすればいいんでしょうか？

htmlとcssは概ね理解できますが、javaスクリプトはなんとか読める程度です

通報する

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

質問の本文を隠す

A 回答 (2件)

No.1

  • 回答者： hyter
  • 回答日時：

こういうことでしょうか？



■呼び出し側
<div id="btn">
<a href="dst.html#e" target="ifrm01">テスト</a>
</div>
<div id="cont-ifrm">
<iframe width="400" height="150" name="ifrm01"></iframe>
</div>

■インラインフレームで表示される方（リンク先）
<html>
<a name="a">AAA</a><br><br><br>
<a name="b">BBB</a><br><br><br>
<a name="c">CCC</a><br><br><br>
<a name="d">DDD</a><br><br><br>
<a name="e">EEE</a><br><br><br>
<a name="f">FFF</a><br><br><br>
<a name="g">GGG</a><br><br><br>
<html>


的外れだったらすみません。
    • good
    • 0
    • 件
通報する
この回答へのお礼

コードを組んでみたのですが、きちんとリンクができませんでした・・・

ですが迅速に対応していただき、ありがとうございました！

通報する
お礼日時：2011/03/19 17:39

No.2ベストアンサー

  • 回答者： noris02
  • 回答日時：

こういうことでは・・？


<script type="text/javascript">
function hoge(){
document.getElementById('ifrm01').src="cont01#1";
}
</script>
<div id="btn">
　<a href="javascript:void(0);" onclick="hoge()">テスト</a>
</div>

～～略～～
<div id="cont-ifrm">
<iframe width="400" height="300" id="ifrm01"></iframe>
</div>

[iframe内]
hogehoge
hogehoge
<a name="1">
hogehoge
・・・・
    • good
    • 0
    • 件
通報する
この回答へのお礼

ありがとうございました！！！
すごくわかりやすくて、すぐに実装することができました。

スクリプトも予想してたよりすごく単純で、わからなかった自分に嫌悪するくらいです。。。

通報する
お礼日時：2011/03/19 17:35

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

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報