- ベストアンサー
iframe内のnameへ移動し、そこから更に移動する方法。
すみません。色々過去の質問を読んでみたのですが、理解できないことが多いので、新たに質問させてください。 index.htmlでiframeを使用しています。 iframe内のURLをa.htmlとし、その中に<a name="top"></a>と作成しています。 理由はわかりませんが、a name="top"がテーブル内にあるとき、<iframe="a.html#top"></iframe>と指定しましても、テーブル内にジャンプしてくれません。一方、a name="top"をテーブルの外に出すとジャンプします。 以上を踏まえ、テーブルの外にあるtopへまず移動させ(iframe src="a.html#top"</iframe>)、そのあとtopから下へ50px、右へ100px移動させたいと思うのですが、可能でしょうか? また、これ以外に簡単な方法はありませんか? よろしくお願い致します。
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (2)
- 神崎 渉瑠(@taloo)
- ベストアンサー率44% (1016/2281)
- fujillin
- ベストアンサー率61% (1594/2576)
関連するQ&A
- IFRAMEとA NAMEについて 少しわかりにくいです
index.html内にIFRAMEでA.htm<IFRAME SRC="A.htm#b"> というように載せた場合、 index.htmが一番上で表示されずに<A NAME="b">がある位置で表示されます。 例として index.htmは <title> <font>題名<br>×15個 <IFRAME SRC="A.htm#b></IFRAME><br>×15個 A.htmは <font>ああああああああ <br><br><br> <A NAME="b"> いいいいいいいい です。index.htmにアクセスした場合、"題名"の位置で表示されずインフレーム内の<A NAME="b">の位置が一番上で表示されます。つまりずれるので題名がみれなくなります。 ちょっとわかりにくいですが原因と対処方法を教えてください
- ベストアンサー
- HTML
- 「iframe内ページ」の「ページ内移動」
■現在しようとしていること --------------------------------------- index.html=「A」/ calender.html=「B」 iframeは「A」の中ごろにあります --------------------------------------- 1)親ページ「A」のiframeで「B」をよみこませる 〔補足※iframeのサイズはwidth:500×height:200〕 2)「B」には1月~12月までのカレンダー表がタテに並んでおり、iframeでの表示範囲は1ヶ月分だけ見えるようにする 〔補足※1ヶ月のカレンダーの縦は200px〕 3)「A」を読み込んだ時点で、「B」の特定の月の部分のみ指定で見えるようにしたい(自動で変わるのでなく手動で変える) 4)「B」のページは、各1ヶ月(200px)ごとにページ内移動でき、「▲last」「▼next」で前後のカレンダーにジャンプする --------------------------------------- ■現在の記述 ◆親:A側 <iframe src="calender.html#200705" width="500" height="200"></iframe> ◆フレーム内:B側 <p><a href="#200704" target="_self">▲LAST</a></p> <p><a name="200705"></a>2007/MAY 5</p> <p><a href="#200706" target="_self">NEXT▼</a></p> --------------------------------------- ■現在の状況 ・「A」を開いたとき ・「A」から「B」内のページ内リンクを操作したとき 以上のときに、iframeを指定しているページの中腹あたりをページの先頭としてしまう。(「B」内の特定箇所をはじめに表示させることはできているが、ページの先頭がページ「B」の先頭になっている) --------------------------------------- どのようにすれば、常にページの先頭をページ「A」の先頭にしておくことができるでしょうか? どうぞよろしくお願いいたします。
- ベストアンサー
- HTML
- iframe越しに文字をインプット
クリックした文字をifame内のテキストボックスに入れたいのですが、うまく動きません。iframeの特殊な指定のしかたなどあるのでしょうか? よくわからないところ:「parent」はとりあえず入れてみただけ。 (^^; 【sample1.htm】 <A href="javascript:function voi(){};voi()" onclick="parent.document.fm1.Title.value='やったね'">転記</A> <IFRAME NAME="Frame1" WIDTH=800 HEIGHT=500 SRC="sample2.htm" STYLE="position:absolute;top:50px;left:5px;"></IFRAME> 【sample2.htm】 <form name="fm1"> <INPUT TYPE="TEXT" NAME="sample" SIZE="12"> <form>
- ベストアンサー
- JavaScript
- iframe内でのスクロールについて
iframeに関する質問です。 iframe内のみアンカーでスクロールしたいのですが、iframe含めページ全体がスクロールしてしまいます。 sampleファイルとして質問したい部分を抜粋したものを下記を記載します。 ◆index.html(親html) ◆01.html(iframe含む子html) ↓ ◆index.html <ul> <li><a href="01.html#Aarea" target="inline">子htmlのAへスクロール</a></li> <li><a href="01.html#Barea" target="inline">孫htmlのBへスクロール</a></li> <li><a href="01.html#Carea" target="inline">孫htmlのCへスクロール</a></li> </ul> <iframe src="01.html" id="inline" name="inline" width="300px" height="300px"></iframe> ◆01.html <div name="Aarea" id="Aarea" style="background:#00F; width:300px; height:300px; color:#CCC;"> <p>A area</p> </div> <div name="Barea" id="Barea" style="background:#9C0; width:300px; height:300px; color:#CCC;"> <p>B area</p> </div> <div name="Carea" id="Carea" style="background:#C36; width:300px; height:300px; color:#CCC;"> <p>C area</p> </div> これを実行した際に親であるindex.htmlもスクロールしてしまいます。 以前にも似た質問がされていましたが、対処方法が思っていたものと違っていた為質問自体重複してしまうかもしれませんが質問するに至りました。 完全にiframe内のみをスクロールさせる方法はありますでしょうか。 よろしくお願いします。
- 締切済み
- HTML
- iframeに横スクロールを出現させない方法(IE6)
いつもお世話になっております。 今回は、IE6でiframeの横スクロールバーを出現させない方法がわからずこちらで質問させていただきました。 TOPページにindex.htmlを置いており、indexにiframeを3つ(top.html/menu.html/main.html)作成し、ページを作っております。 top/mainの2箇所に問題は無く、menuの部分での質問です。 iframeは幅200pxで設定しており、その中に幅指定100%のmanu.htmlをiframe src=""で埋め込んでいます。 menu.htmlには幅200pxで作成した背景画像(no-repeat)と、幅100%指定のiframeを使用しております。 menu.htmlに対しCSSで overflow: auto;を当てていますが、スクロール表示しないといけない状態に画面を変更した場合横スクロールが消えない状態です。(IE7ではきえるのですが…) IE6の特徴の、文章等がある場合親のサイズに合わすことが要因だと思いますが、iframe/menu.htmlのサイズを変更させず横スクロールを表示させないことは可能でしょうか?(menu.htmlを180px固定とか、index.htmlのiframeをscroll="yes"にすれば平気ですが、不恰好になるので…) よろしくお願いいたします。
- ベストアンサー
- HTML
- iframe内からのリンク
少々複雑ですいませんがお願いします。 ・index.htmlにname="contents"でiframeを設置 ・iframe内に先頭に戻るリンクを最下部に設置したい(ここでいう先頭はページ全体のトップ) ・上記リンクを押した際にiframe内は現時点のページのまま index.html ------------- <body> ヘッダー内容 <iframe src="フレーム内ページ.html"></iframe> + + + フレーム内ページ ----------- <body> <a name="top"></top> ページの内容 + + + このままだとフレーム内ページの先頭に飛ぶのは周知なので。 条件として、 ・CSSは使用可能。 ・javascriptは使えるが、使わないですむならその方が良い。 ・環境上jQueryは不可。 ・flash他は考えない。 カテゴリが異なるのかもしれませんが;よろしくお願いします。
- ベストアンサー
- HTML
- リンクをクリックすると、親ウィンドーにiframe構造のページが開き、さらにターゲットへジャンプする方法はありますでしょうか?
例えば、 index.htmlを下記の通りとします。 --iframe----HTML----- | | | | menu | | ---------------------- 左のmenuをクリックすると、iframeで作った別のページが開き、さらにその中のページのターゲット内に移動したいのです。 index.htmlのmenuをクリック→anotherpage.htmlへ移動 --iframe----iframe----- | |main.html | | menu | | ---------------------- さらに、右iframe内はmain.html内のターゲットAへジャンプ。 このようなジャンプは可能でしょうか? よろしくお願いします。
- 締切済み
- HTML
- iframeにリンクを貼る
<iframe src="qqq.gif" height="150" width="356" align="left" frameborder="0" scrolling="no" marginheight="1" name="tv" > この部分はiframe表示です </iframe> にURLを指定してリンクを張りたいのですが、どうしたらいいですか?
- 締切済み
- HTML
- iframe ピンポイント表示
<body> <iframe width="235" height="100%" src="http://~"> </iframe> </body> (詳細略) このままだとURL先のページがフレームの左と上に合ってしまい、 スクローラーバーが縦横に出ます。 これをURL先の特定の部分が表示されるようにするためには、 どのようにすればよいでしょうか? 例えば、URL先の上から 100px 左から 100px の部分を、 フレームの左上隅にピタット合わせて表示したいという感じです。 相手先に<a name=""></a>でもあればそこに合わせられますが、 当然私側からはできません。 スクローラーバーを出ないようにできれば、尚いいのですが・・。 よろしくお願いします。
- ベストアンサー
- HTML
- リンクをクリックすると親ウィンドーにiframe構造のページが開き、さらにターゲットへジャンプする方法はありますでしょうか?
以前質問させてヒントをいただいたのですが、結局解決できなかったのでもう一度お願いします。 例えば、index.htmlを下記の通りとします。 --iframe----HTML----- | | | | menu | | ---------------------- 左のmenuをクリックすると、iframeで作った別のページが開き、さらにその中のページのターゲット内に移動したいのです。 index.htmlのmenuをクリック→anotherpage.htmlへ移動 --iframe----iframe----- | |main.html | | menu | | ---------------------- さらに、右iframe内はmain.html内のターゲットAへジャンプ。 このようなジャンプがJavaScriptで可能だと教えていただきましたが、どのようにするのか解りませんでした。 そのプログラムや、それ以外の簡単な方法がありましたら、教えて下さい。 よろしくお願いします。
- ベストアンサー
- JavaScript
お礼
いろいろ詳しい情報有難うございます。 テーブルの中で <td><a name="top"></a></td> としていたのをアドバイス通り <td name="top" id="top"></td> としましたところ、希望通りのテーブル内の場所へ移動しました。 いつもアンカータグを使っていたのですが、今回はいい勉強になりました。 有難うございます。