• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:htmlとjavaスクリプトに詳しい人きてください)

htmlとjavaスクリプトでのインラインフレームのリンク先表示と自動スクロール方法

このQ&Aのポイント
  • この質問では、htmlとjavaスクリプトを使用してインラインフレーム内にリンク先を表示し、さらに自動的にスクロールさせる方法について教えてください。
  • 質問者はhtmlとcssについては理解していますが、javaスクリプトにはあまり詳しくありません。
  • 回答者はタイトルや要約文にSEOを意識し、最適なハッシュタグを5つ作成します。

質問者が選んだベストアンサー

  • ベストアンサー
  • noris02
  • ベストアンサー率74% (56/75)
回答No.2

こういうことでは・・? <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 ・・・・

ikuzecia38
質問者

お礼

ありがとうございました!!! すごくわかりやすくて、すぐに実装することができました。 スクリプトも予想してたよりすごく単純で、わからなかった自分に嫌悪するくらいです。。。

その他の回答 (1)

  • hyter
  • ベストアンサー率73% (31/42)
回答No.1

こういうことでしょうか? ■呼び出し側 <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> 的外れだったらすみません。

ikuzecia38
質問者

お礼

コードを組んでみたのですが、きちんとリンクができませんでした・・・ ですが迅速に対応していただき、ありがとうございました!

関連するQ&A