- 締切済み
リンククリック時 ターゲットフレームの自動スクロール
左右にフレームで分けたHTMLファイルがあります。 左のフレームにはリンク集があります。 その中のあるリンクをクリックしたときに、 右のターゲットフレームにリンク先のURLを描画させています。 例えば<a href="http://www.xxx.html" target="frame_right"> のような感じです。 リンクをクリックして、描画したターゲットフレームの内容を、自動的に100pxだけ下にスクロールするようにするにはどのようにしたらよいでしょうか? もとのフレームセットのHTMLか、もしくは左フレームのリンク集の部分にJavaScriptを記述して実行したいと考えております。 ご教授よろしくお願いします。
- みんなの回答 (1)
- 専門家の回答
みんなの回答
- yyr446
- ベストアンサー率65% (870/1330)
「もとのフレームセットのHTMLか、もしくは左フレームのリンク集の部分にJavaScriptを記述して実行」の一例です。 ============================== 「左フレームのjavascriptとリンク部分」 <script type="text/javascript"> <!-- function change(url,scl){ top.scl = scl; top.right.location.href=url; } // --> </script> -------------------------------- <a href="about:blank" onclick="change('タ-ゲット.html',100);return false;">タ-ゲット</a> ---------------------------------- ============================== 「フレームセットのjavascriptとリンク部分」 <script type="text/javascript" charset="utf-8"> <!-- var scl; function right_load(){ if(scl){ right.window.scrollTo(0,scl); } } // --> </script> <frameset cols="200,*" frameborder="no" border="0" framespcing="0"> <frame src="サイドメニュー.html" name="left"> <frame src="about:blank" onload="right_load();" name="right"> </frameset>
補足
お返事が遅れて済みません。 早速のご回答ありがとうございます。 やってみて、確かにできました。 ありがとうございます。 しかし、私の説明が足りなかったようです。 開きたいページは、外部のURLであり、内部HTMLファイルではありません。 たとえば、ご提案いただいたソース内の「ターゲット.html」のところが、 例えば http://www.yahoo.co.jp のようなものです。 そういう場合はこのスクロールは出来ないのでしょうか? もし、お付き合いいただければ、教えていただけると大変助かります。 まずはここまで丁寧にご回答いただきましたことに、 本当に感謝申し上げます。 ありがとうございます。