「自動リロード」と「ページ内リンク」の組み合わせが機能しない
- ホームページ作成中に「自動リロード」と「ページ内リンク」の組み合わせが上手く機能せず困っています。リロード時に強制的に指定の位置までジャンプさせたいのですが、一度目のリロードでは問題なくジャンプしますが、それ以降のリロードではジャンプしません。
- HTMLファイル内にリフレッシュ設定があり、3秒ごとに指定の位置へジャンプするように設定しています。しかし、一度目のリロードが実行された後はその後のリロードが機能しません。どのようにすればうまく動作させることができるでしょうか？お知恵をお貸しいただけますと幸いです。
- 以下がHTMLファイルの内容です。リンクをクリックすると指定の位置にジャンプします。リロードする度に3秒後に指定の位置へジャンプする設定にしていますが、一度目のリロードの後にジャンプが機能しなくなってしまいます。どのようにすれば問題なく機能するようになるでしょうか？
- ベストアンサー
「自動リロード」と「ページ内リンク」の組み合わせが、うまく機能しません
「自動リロード」と「ページ内リンク」の組み合わせが、うまく機能しません ホームページを作成してるのですが、 「自動リロード」と「ページ内リンク」の組み合わせがうまく機能せず困っております。 3秒ごとにリロードし、強制的に「#l2」ポジションへジャンプさせたいのです。 一度目のリロードはうまくジャンプするのですが、それ以降、リロードされないのです。 どのようにしたらよいのでしょう？ご教授よろしくお願いします。 以下、HTMLの内容です。 （ちなみに、ここでは静的ページを例にしてますが、最終的には動的ページで実現させるつもりです） <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Refresh" content="3; URL=test.html#l2"> </head> <body> <a href="#l1">L1</a> <a href="#l2">L2</a> <a href="#l3">L3</a> <p> <a name="l1"><h2>ひらがな</h2></a> あ<br> い<br> う<br> え<br> お<br> か<br> き<br> く<br> け<br> こ<br> …以下略… </p> <p> <a name="l2"><h2>カタカナ</h2></a> ア<br> イ<br> ウ<br> エ<br> オ<br> カ<br> キ<br> ク<br> ケ<br> コ<br> …以下略… </p> <p> <a name="l3"><h2>漢字</h2></a> 亜<br> 井<br> 宇<br> 江<br> 尾<br> 火<br> 木<br> 苦<br> 毛<br> 子<br> …以下略… </p> </body> </html>
- hotjupiter
- お礼率71% (33/46)
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
refleshはようわかりませんが、 JavaScriptなら簡単にできるのになぁと思います。 たぶんURLが変わったからrefleshが呼ばれていないのでは。 あとnameじゃなくidで、それもh2に指定したほうが。 h2にidを振っているなら<a id="l2"><h2 id="***">で。 <script type="text/javascript"> <!-- function intervalJump(){ var jumpTimer = setInterval(function(){ location.href = "#l2"; }, 3*1000); } //@cc_on window./*@if(@_jscript_version<=5.8) attachEvent('on'+ @else @*/ addEventListener(/*@end @*/ 'load',intervalJump, false ); //--> </script> </head> <a href="#l1">L1</a> <a href="#l2">L2</a> <a href="#l3">L3</a> <p> <h2 id="l1" name="l1">ひらがな</h2> あ<br> い<br> う<br> え<br> お<br> か<br> き<br> く<br> け<br> こ<br> …以下略… </p> <p> <h2 id="l2" name="l2">カタカナ</h2> ア<br> イ<br> ウ<br> エ<br> オ<br> カ<br> キ<br> ク<br> ケ<br> コ<br> …以下略… </p> <p> <h2 id="l3" name="l3">漢字</h2> 亜<br> 井<br> 宇<br> 江<br> 尾<br> 火<br> 木<br> 苦<br> 毛<br> 子<br> …以下略… </p> <p> hoge<br> hoge<br> hoge<br> hoge<br> hoge<br> hoge<br> hoge<br> hoge<br> hoge<br> hoge<br> hoge<br> hoge<br> hoge<br> hoge<br> hoge<br> </body> </html>
関連するQ&A
- iframe内をリロードできますか？
たとえば <HTML> <head> <script language="javascript"> <!-- function a1reload(){ "iframe内をリロードする文章" } //--> </script> </head> <body> <iframe src="a1.html" id="a1iframe"><br> <a href="javascript: a1reload()">ここをクリック</a> </body> </HTML> こんな感じでiframe内をリロードできないでしょうか？ お願いします。
- ベストアンサー
- JavaScript
- 外部ページから指定場所にリンクをさせる
ページ内で、リンクをするとき、hrefに飛ばしたい場所を#で指定すれば、name属性のところに ページ移動させれることは知っているのですが、 外部ページから、指定の場所に飛ばすことはできないでしょうか？ ==========内部ページ内でリンクを作成する時(link.html)============= <h1>リンクテスト</h1> <h2>サンプル</h2> <h3><a name="menu" id="menu">メニュー</a></h3> <ul> <li><a href="#section1">メニュー1</a></li> <li><a href="#section2">メニュー2</a></li> <li><a href="#section3">メニュー3</a></li> </ul> <h3><a name="section1" id="section1">セクション1</a></h3> <p>メニュー1の内容。 ...</p> <h3><a name="section2" id="section2">セクション2</a></h3> <p>メニュー2の内容。 ...</p> <h3><a name="section3" id="section3">セクション3</a></h3> <p>メニュー3の内容。 ...</p> <p><a href="#menu">メニューに戻る</a></p> 上記ソースのメニュー部分を別ページ(top.html)に作成し、 リンクページの指定部分をメインで映るようにしたいのです。 例えば、下のメニュー3がクリックされたとき、 link.htmlのsection3の内容部分(link.htmlの下にある、セクション3)が画面中央に来るようにしたいのです。 ご教授お願いします。 ===top.hmtml(メニュー部分抜粋)================== <h1>リンクテスト</h1> <h2>サンプル</h2> <h3><a name="menu" id="menu">メニュー</a></h3> <ul> <li><a href="#section1">メニュー1</a></li> <li><a href="#section2">メニュー2</a></li> <li><a href="#section3">メニュー3</a></li> </ul>
- ベストアンサー
- HTML
- ページ内リンクに他のページからリンクする方法
ページ内リンクに他のページからリンクする方法ってありますか？ 初歩的な質問ですいません。 タイトルでは分かり辛いので、例を書きます。 ページ１にＡ・Ｂ・Ｃ・Ｄ・Ｅと見出しの付いた文章があります。左側に対応したリストを作って、ページ内でリンクを貼っています。 ページ２に、ページ１で作った見出しＣに関連する記述があり、そこにリンクを作成して、ページ１の見出しＣを表示したいのです。 ページ２から、ページ１の中にあるページ内リンクを指定する事は出来ますでしょうか？ ※見出しＣだけ抽出されると言う意味では無く、ページ１で見出しＣのリンクを押した時と、同じ表示でかまいません。 ページ１の左側リスト <tr> <td><A Href="#page_linkＡ">りんご</A></td> <td><A Href="#page_linkＢ">みかん</A></td> <td><A Href="#page_linkＣ">スイカ</A></td> <td><A Href="#page_linkＤ">柿</A></td> <td><A Href="#page_linkＥ">メロン</A></td> </tr> ページ１の本文 <A Name="page_linkＡ"><p>りんごは大好きです</p> <A Name="page_linkＢ"><p>みかんはあまり好きではありません</p> <A Name="page_linkＣ"><p>スイカは塩を振ってたべます</p> <A Name="page_linkＤ"><p>柿より牡蠣が食べたい</p> <A Name="page_linkＥ"><p>メロン…高くて食べれません</p> ページ２から<A Name="page_linkＣ"><p>スイカは塩を振ってたべます</p>を表示するリンクを貼りたいのです。 この説明で解ってもらえますでしょうか？宜しくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- リロード毎にリンク集の並びをランダムにしたい
リンク１ リンク２ リンク３ というリンク集があったとして リロード毎に順番を変えたいです。 PHPですと <?php $rdmlist = array( '<a href="http://yahoo.co.jpp">やっほー</a>/', '<a href="http://google.co.jp">グルーグル</a>/', '<a href="http://msn.jp">マイクロン</a>/', '' ); shuffle ($rdmlist); foreach ($rdmlist as $name) { echo "$name\n"; } ?> で出来るのですが ASPで同じ事をするには、どんなプログラムを書けば良いのでしょうか。 宜しくお願い致します。
- 締切済み
- Microsoft ASP
- 同一ページのリンクができません。
よろしくお願いします。 HP（ビルダー11）を作成していて、ページの下にtopへ戻るという リンクをつけ、ページの上部にとばしたく、ラベルをつける、ラベルへ までの作業をしましたが、保存して確認するとうまくいくのですが、 一度ページをとじるとラベルをつけた <A name="top1">ホームページのタイトル</A>が <A name="top2" href="">このように、href="が必ず出てきます。 その度、href="を消して保存するのですが、そのときだけは修正されるのですが、やはり、ページを閉じると又元にもどります。 どうなっているのでしょうか？ 下記にHTMLを記入しましたので、ご存知の方よろしくお願いします。 <!-- A{text-decoration:none;} a:hover{text-decoration:underline;} --> </STYLE> </head> <body style="font-size:12pt; line-hight:19pt"> <CENTER> <H1 class="class13"> <A name="top1">ホームページのタイトル</A></H1> <TABLE cellspacing="0" cellpadding="10" width="770" bgcolor="#000066"> <TBODY> <tr>.......
- ベストアンサー
- HTML
- javascriptで、別のフレームをリロード
下記のように、<A>タグ内だけでテキストを押すとページがリロードするようにしています。 <a href="javascript:location.reload();">再読み込み</a> フレームを分けた際、 リロードボタンを name="A"フレームに置き、 name="B"フレームを更新させたい場合、 どのように書き直せば良いのでしょうか。 すみません、簡単なことなのかもしれませんが、javascriptが不慣れで、検索してもわからなかったため、ご質問させていただきました。 何卒宜しくお願い致します。
- ベストアンサー
- JavaScript
- ページ内リンク アンカー
ページ内リンクの記述について教えてください。 <A href="#top">このページの先頭へ</A>ですが <A name="top"></A>をHTML中に記述するとページ最上部の余白がなくなります。 記述しないと最上部の余白があり正常表示されます。 <A name="top"></A>を記述しなくてもよいのでしょうか。 該当ページhttp://www.geocities.jp/sinsaku102578/01/fujikawa.html よろしくお願いします。
- 締切済み
- HTML
- リンクページが表示されません
ＰＣ歴5ヶ月弱のものです。ＴＯＰページからサブページにジャンプしようとするとアクセス不可の答えが返ってきます。初めてフレームページに挑んだのですがそのページだけリンクしません。パスの指定が悪いのか、フレーム定義が悪いのか解らず困っています、どうか助けてやってください。 <td><A href="frame.htm"><img width="20" height="20" src="a_tai3.gif">リンク先</A></td> ↑パス指定 ↓フレーム定義 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> <HTML> <HEAD> <TITLE>タイトル</TITLE> </HEAD> <FRAMESET COLS="180px,*" FRAMEBORDER="no" BORDER="0" FRAMESPACING="0" > <FRAME SRC="ｘｘｘ.f.html" NAME="f1" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="auto" > <FRAME SRC="ｙｙｙ.htm" NAME="f2" SCROLLING="auto"> <NOFRAMES><body>｜<A HREF="ｚｚｚ.htm">内容</A>｜</body> </NOFRAMES> </FRAMESET> </HTML>
- ベストアンサー
- HTML
- リンクが機能しない
ローカルにあるhtmlファイルをブラウザからアクセスして、URLが file://で始まるページだと、下記のリンクでページ内にジャンプしません。 <A href="#etc"></A> <A name="etc"></A> エンジンをtridentからblinkに変更するとジャンプします。 しかし、下記の件でblinkではなくtridentのままにしたいです。 http://okwave.jp/qa/q8269492.html tridentでリンクを機能させる事は可能でしょうか？ 試しに下記のサイトをローカルに保存して開くとページ内ジャンプして リンクは機能していました。 http://rdfaq.fc2web.com/ file://から始まるローカルファイルでリンクが機能するしないの違いは何でしょうか？
- 締切済み
- HTML
- ローカルのHTMLのページ内リンクがジャンプできない。モバイル版Opera
製品のヘルプページをHTMLで作成しています。 モバイル端末でローカルフォルダに保存し、表示確認したところ、ページ内リンクでジャンプできません。 確認端末： HTC X05HT ブラウザ： Opera 9.5 HTMLソース（リンク関連部分抜粋）： <p><a href="#ok">ページ内リンクできるか</a></p> ・・・・ <p><a name="ok" id="ok"></a>ここにとんだらOK</p> 確認済み内容： ・PC（PC版Operaで確認）でみると、正常に動作する ・サーバーにアップしHTTPでみると、端末でも正常に動作する ・別ページに移動するリンクは正常に動作する よろしくお願いします！！
- 締切済み
- HTML
お礼
ありがとうございました。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> <p> <a name="l1"><h2>ひらがな</h2></a> あ<br> い<br> う<br> え<br> お<br> か<br> き<br> く<br> け<br> こ<br> …以下略… </p> <p> <a name="l2"><h2>カタカナ</h2></a> ア<br> イ<br> ウ<br> エ<br> オ<br> カ<br> キ<br> ク<br> ケ<br> コ<br> …以下略… </p> <p> <a name="l3"><h2>漢字</h2></a> 亜<br> 井<br> 宇<br> 江<br> 尾<br> 火<br> 木<br> 苦<br> 毛<br> 子<br> …以下略… </p> </body> </html>