- ベストアンサー
iframe内からのリンク
- index.htmlにiframeを設置し、フレーム内ページの先頭に戻るリンクを最下部に設置したい方法を教えてください。
- フレーム内ページの先頭に戻るリンクを押すと、現時点のページが表示されたままになる方法を教えてください。
- CSSを使用して、フレーム内ページの先頭に戻るリンクを最下部に設置する方法を教えてください。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
index.html <script type="text/javascript"><!-- var isIE = 0; if (navigator.appName.indexOf('Microsoft Internet Explorer') != -1) {isIE = 1;} function scrollPageMath(start_x,end_x,start_y,end_y){ var distance_x; var distance_y; var move_x; var move_y; var set_x; var set_y; distance_x = (end_x - start_x)/10; // 動かすx幅の比率 if(distance_x > 0)set_x = Math.ceil(distance_x); else set_x = Math.floor(distance_x) ; distance_y = (end_y - start_y)/10 ; // 動かすy幅の比率 if(distance_y > 0)set_y = Math.ceil(distance_y); else set_y = Math.floor(distance_y); move_x = start_x + set_x; move_y = start_y + set_y; if (set_x > 0 && move_x <= end_x || set_y > 0 && move_y <= end_y || set_x < 0 && move_x >= end_x || set_y < 0 && move_y >= end_y){ scroll(move_x,move_y) start_x += set_x; start_y += set_y; setTimeout("scrollPageMath("+start_x+","+end_x+","+start_y+","+end_y+")",1); } else return true; } function scrollPageOffset(go){ if (go=="go_x")return (document.getElementById) ? document.body.scrollLeft:pageXOffset; if (go=="go_y")return (document.getElementById) ? document.body.scrollTop:pageYOffset; } function scrollPageTo(end_x,end_y){ var start_x = scrollPageOffset("go_x"); var start_y = scrollPageOffset("go_y"); scrollPageMath(start_x,end_x,start_y,end_y); } //--> </script> <body> <a name="top" id="top"></a> ヘッダー内容 <iframe src="フレーム内ページ.html"></iframe> + + + フレーム内ページ ----------- <body> ページの内容 + + + <a href="#parent.top" onClick="parent.scrollPageTo(0,0);" >index.html#top</a> http://www.geocities.jp/n_a_o11/test/test28c.html
その他の回答 (2)
- torayoshi
- ベストアンサー率62% (910/1449)
iframeからindex.htmlの先頭に飛ばすのだから、 index.html ------------- <body> ヘッダー内容 <a name="index_top" id="index_top">先頭</a> <iframe src="iframe.html" name="contents"></iframe> + + + フレーム内ページ ----------- <body> ページの内容 + + + <a href="index.html#index_top" target="_parent">index.html先頭へ</a> ↑こうじゃないですかね。 ※ただしIE8では三番目の条件（・上記リンクを押した際に～）をクリア出来ない。 ※検証用ブラウザはFirefox4.0.1,IE8だけ。
お礼
おそくなりました。ありがとうございました。
- naokita
- ベストアンサー率57% (1008/1745)
質問から詳しい情報/意図がわかりませんが、 <a name="top"></top> こんなHTMLはありませんよ・・・ ---------------------- 正しく書いて、 <a href="index.html#top">フレームトップ</a> でも動くと思いますが、ID設定の方が妥当なので、 IDを付与する。 <iframe src="フレーム内ページ.html" id="I-TOP"></iframe> リンクボタンを設置（indexにID） <a href="index.html#I-TOP">フレームトップ</a> ---------------------- こういう事じゃないですか？ 別の話でしたら失礼・・・
お礼
遅くなりましたがありがとうございました。