「自動リロード」と「ページ内リンク」の組み合わせが機能しない

2010/08/28 14:20

このQ&Aのポイント

ホームページ作成中に「自動リロード」と「ページ内リンク」の組み合わせが上手く機能せず困っています。リロード時に強制的に指定の位置までジャンプさせたいのですが、一度目のリロードでは問題なくジャンプしますが、それ以降のリロードではジャンプしません。
HTMLファイル内にリフレッシュ設定があり、3秒ごとに指定の位置へジャンプするように設定しています。しかし、一度目のリロードが実行された後はその後のリロードが機能しません。どのようにすればうまく動作させることができるでしょうか？お知恵をお貸しいただけますと幸いです。
以下がHTMLファイルの内容です。リンクをクリックすると指定の位置にジャンプします。リロードする度に3秒後に指定の位置へジャンプする設定にしていますが、一度目のリロードの後にジャンプが機能しなくなってしまいます。どのようにすれば問題なく機能するようになるでしょうか？

hotjupiter
お礼率71% (33/46)

HTML
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

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

ベストアンサー

zeff
ベストアンサー率69% (137/198)

2010/08/28 15:10 回答No.1

refleshはようわかりませんが、 JavaScriptなら簡単にできるのになぁと思います。たぶんURLが変わったからrefleshが呼ばれていないのでは。あとnameじゃなくidで、それもh2に指定したほうが。 h2にidを振っているなら<a id="l2"><h2 id="***">で。 <script type="text/javascript">  </script> </head> <a href="#l1">L1</a> <a href="#l2">L2</a> <a href="#l3">L3</a> <h2 id="l1" name="l1">ひらがな</h2> あ い う え お か き く け こ …以下略… <h2 id="l2" name="l2">カタカナ</h2> ア イ ウ エ オ カ キ ク ケ コ …以下略… <h2 id="l3" name="l3">漢字</h2> 亜 井 宇 江 尾 火 木 苦 毛 子 …以下略… hoge hoge hoge hoge hoge hoge hoge hoge hoge hoge hoge hoge hoge hoge hoge </body> </html>

質問者

お礼 2010/08/29 00:35

ありがとうございました。JavaScriptを使って実現できました。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <script language="JavaScript"> function fun() { setTimeout('location.reload()',3000); location.href="#l2" } </script> </head> <body onload="fun()"> <a href="#l1">L1</a> <a href="#l2">L2</a> <a href="#l3">L3</a> <a name="l1"><h2>ひらがな</h2></a> あ い う え お か き く け こ …以下略… <a name="l2"><h2>カタカナ</h2></a> ア イ ウ エ オ カ キ ク ケ コ …以下略… <a name="l3"><h2>漢字</h2></a> 亜 井 宇 江 尾 火 木 苦 毛 子 …以下略… </body> </html>