- ベストアンサー
リンクをクリックしてジャンプする方法
- リンクをクリックすると親ウィンドウにiframe構造のページが開き、さらにターゲットへジャンプする方法について解説します。
- リンクをクリックして別のページを開き、そのページ内の特定の場所にジャンプする方法を解説します。
- JavaScriptを使用して、リンクをクリックした際に親ウィンドウにiframeページを開き、その中のページ内のターゲットへジャンプする方法について説明します。
- himatubu4
- お礼率68% (11/16)
- JavaScript
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
下記ファイル参照 index.htmlのmenuをクリックすると、 普通にanotherpage.htmlへ移動して、 そのanotherpage.htmlにmain.htmlを入れ込んだiframeが有り ここまではいいね、 そのmain.htmlの中のAの所へジャンプ又はスクロールする。 main.htmlファイルの内容 <HTML> <HEAD> <script src="toScroll.js"></script> </HEAD> <BODY bgcolor="#333333" text="#ffffff" link="#ffffff" alink="#ff0000" vlink="#ffff00" a href="#a1" onload="toScroll('a1');return false;" > <A name="top" id="top">TOP</A><br> main.html<br> <A href="#a1" onclick="toScroll('a1');return false;" onkeypress="toScroll('a1');return false;"><FONT size="2"><b>Aへ</FONT></b></A><br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <A name="a1" id="a1">A</A><br> main.html<br> <A href="sub.html"><FONT size="2"><b>subへ</FONT></b></A><br> <A href="#top" onclick="toScroll(); return false;">TOPへ</A> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <A name="end" id="end">END</A> </BODY> </HTML> toScroll.jsファイルの内容 //http://oshiete1.goo.ne.jp/kotaeru.php3?q=1556067 nowTop=0; function toScroll(AnchorID){ if(this){ nowTop=document.body.scrollTop; if(AnchorID){ pageScroll(OffsetTop(AnchorID)); }else{ pageScroll(0); } } } pageScrollTimer=""; beforTop=0; function pageScroll(DestinationTop){ nowTop+=Math.floor((DestinationTop-document.body.scrollTop)/35); window.scrollTo(0,nowTop); if((DestinationTop==document.body.scrollTop) || (beforTop==document.body.scrollTop)) { clearTimeout(pageScrollTimer); }else{ beforTop=document.body.scrollTop; pageScrollTimer = setTimeout("pageScroll("+DestinationTop+")",20); } } function OffsetTop(i){ var e=document.getElementById(i); if(e.offsetParent.tagName.toLowerCase()=="body") return e.offsetTop; else return OffsetTopL(e); } function OffsetTopL(e){ if(e.offsetParent.tagName.toLowerCase()=="body") return e.offsetTop; else return e.offsetTop+OffsetTopL(e.offsetParent); }
その他の回答 (1)
- N_A_O
- ベストアンサー率66% (37/56)
質問は index.htmlのmenuをクリックすると、 親ウインドウindex.htmlにmain.htmlを 入れ込んだiframeを表示させ、 そのmain.htmlの中のAの所へ ジャンプ又はスクロールする。 説明では index.htmlのmenuをクリックすると、 普通にanotherpage.htmlへ移動して、 そのanotherpage.htmlにmain.htmlを 入れ込んだiframeが有り、 そのmain.htmlの中のAの所へ ジャンプ又はスクロールする。 と、とれるけど。 どっち？
補足
補足させていただきます。 質問の方が間違っていまして、説明のようなリンクを希望しています。 別ページ(anotherpage.html)に移動して、iframe内main.htmlのAへジャンプ（スクロールですね）したいのです。
お礼
まさしく望んでいた動作です。 貴重な時間を一個人のために割いて教えてくださって、本当に有難うございました。 私のような初心者には本当に助かります。 これから一つ一つ分析して、マスターしたいと思います。 本当に有難うございます。