- 締切済み
iframe内がページ遷移したらJSで取得したい
iframeに別ドメインのサイト(googleトップページ)を読み込み、 ページ遷移したら(検索ボタンを押したり、カレンダーやメールなどのリンクを押したら)、 親ページのJavascriptの関数を呼ぶようにしたいのですが、 上記のようにiframe内でページ遷移したかどうかを親ページが取得する事は可能なのでしょうか。 宜しくお願いいたします。
- fffummmmmm
- お礼率0% (0/1)
- HTML
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- askaaska
- ベストアンサー率35% (1455/4149)
1秒間隔とかで iframeのsrcを監視してはどおかしら？
関連するQ&A
- iframe内で表示されてるサイトのURLを取得できないのはなぜ？
iframe内のリンクをたどる等をして表示されたサイト(srcで指定した 以外のサイト)のＵＲＬは、iframeが埋め込まれているサイトと iframe内で表示されてるサイトのドメインが一致しない限り、javascript では取得できないのはなぜですか？取得されると何か困ることがあるので しょうか？ またjavascript以外なら何らかの方法で取得することは可能なのでしょうか？
- ベストアンサー
- JavaScript
- iFrame内の変数を、親フレームの方で取得したい
iFrame内でGoogle mapを表示しているのですが、 このGoogle mapの中心の緯度・経度を、 ハイパーリンクかフォームのボタンをクリックした時に、 次に飛ぶページへ渡したいのですが、やり方がわかりません。 どなたかお助け頂けないでしょうか。 ちなみに今まで考えられる範囲でやろうとして失敗したのは、 ○iFrame内で用いていた$mapという変数を、親フレームでglobal $mapと宣言して、参照しようとする ⇒だめでした。 ○iFrame内をjavascriptで書き、地図が動かされた時に、 POSTを利用して親フレームに送る (<form name="a" target="_parent"><input name="b" hidden="送りたい値">...として、地図が動かされた時のイベントでdocument.a.submit();としたのですが、うまく行きませんでした。 javascriptをあまり知らないため、ひょっとしたら出来るのかもしれません。) ○iFrame内にsubmitボタン/リンクを設けて、次のページに飛ぶ ⇒iFrame内に次のページが表示されてしまい、全体が切り替わらない。 どうぞ宜しくお願いします。
- ベストアンサー
- PHP
- 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
- ブラウザの「戻る」ページ遷移でリロード
既に同種の質問がありましたが、解決されなかったようなので質問させて下さい http://okwave.jp/qa/q6381146.html ページ内に埋め込んだＵＲＬ（iframeで埋め込み)の参照先が時系列で変化する為、ページ遷移等をして戻った場合にはリロードさせたいのですが、過去の質問のようにＩＥであれば <script type="text/javascript"> <!-- window.onunload = function(){location.reload();} --> </script> で難なくクリア出来たのですが、他ブラウザ（Firefox・Safai・Google Chrome）ではリロードされません。 公に公表されるページなので、せめて上記の3ブラウザではブラウザの「戻る」「進む」でのページ遷移時にリロードさせたいと考えています。 ちなみに、iframeに特別拘りは無いので「他の方法で埋め込めば・・・」等ありましたらお教え頂けたら幸いです。 宜しくお願い致します。
- ベストアンサー
- JavaScript
- iframeから別ページのiframeへのリンク
iframeに関する質問です。 iframe内リンク から別ページの iframe 内のアンカーへの移動は可能でしょうか？ ======ページ構成は以下の通りです。====== A_01.html (親ページ) A_02.html (A_01のiframe (子) ページ) B_01.html (親ページ) B_02.html (B_01のiframe (子) ページ) ====================================== ======希望動作====== A_01.html 内に設置してある、iframe A_02.html のリンクをクリックし、 別ページでB_01.html 内に設置してある iframe Ｂ_02.html のアンカー先を 表示したいと思っております。 ==================== 色々と試してはいるのですが上手く行っておりません。 iframeの重複利用は避けたいのですが、色々な制限の為、やもえず使用しております。 何かアドバイスや方法がありましたら宜しくお願い致します。
- 締切済み
- HTML
- IFRAMEページ表示について
html超初心者で相当ハマッテいます・・・。 _menu__main______ | | |←のようなページをIFRAME | | | を使って作成し、左にmenu/ | | | 右にそのリンク先を表示 | | | させようとしています。 | | | menuボタンをクリックした | | | ときにスクロールバーが -------------- 下りていると、次に表示されたページも同じスクロール位置で表示されてしまいます。 menuボタンをクリックしたとき、ページのトップにリンク先のページも表示させるにはどうしたらいいのでしょうか？ ちなみに <a href="***.html#TOP" target="main">～</a>としてみるとスクロールが一応は上がったのですが、微妙におかしくて・・・。 どなたかご教授いただけませんか？
- ベストアンサー
- HTML
- 「iframe内ページ」の「ページ内移動」
■現在しようとしていること --------------------------------------- index.html＝「Ａ」/ calender.html＝「Ｂ」 iframeは「Ａ」の中ごろにあります --------------------------------------- １）親ページ「Ａ」のiframeで「Ｂ」をよみこませる 〔補足※iframeのサイズはwidth:500×height:200〕 ２）「Ｂ」には1月～12月までのカレンダー表がタテに並んでおり、iframeでの表示範囲は１ヶ月分だけ見えるようにする 〔補足※１ヶ月のカレンダーの縦は200px〕 ３）「Ａ」を読み込んだ時点で、「Ｂ」の特定の月の部分のみ指定で見えるようにしたい（自動で変わるのでなく手動で変える） ４）「Ｂ」のページは、各１ヶ月（200px）ごとにページ内移動でき、「▲last」「▼next」で前後のカレンダーにジャンプする --------------------------------------- ■現在の記述 ◆親：Ａ側 <iframe src="calender.html#200705" width="500" height="200"></iframe> ◆フレーム内：Ｂ側 <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> --------------------------------------- ■現在の状況 ・「Ａ」を開いたとき ・「Ａ」から「Ｂ」内のページ内リンクを操作したとき 以上のときに、iframeを指定しているページの中腹あたりをページの先頭としてしまう。（「Ｂ」内の特定箇所をはじめに表示させることはできているが、ページの先頭がページ「Ｂ」の先頭になっている） --------------------------------------- どのようにすれば、常にページの先頭をページ「Ａ」の先頭にしておくことができるでしょうか？ どうぞよろしくお願いいたします。
- ベストアンサー
- HTML
- iframeで読み込んだページへのページ内リンク
iframeを使ったページで、読み込んだページへのページ内リンクを 親ページから飛ばしたいのですが InterExprolerでしかリンクが効きません。 もともと無理な事なのかもしれませんが、InternetExprolerならなぜか効きますし、Firefoxや他のブラウザでも対応できる方法はないでしょうか？ ページの構成上、どうしてもiframeで読み込む方法しかありません。 下記URLの用な感じの状態です、方法を御存知の方、ご教授頂けると助かります。 ▼親ページ http://ausdruck.flier.jp/test/iframe.html ▼読み込みページ http://ausdruck.flier.jp/test/include.html
- ベストアンサー
- HTML
- 自身のページとiframeの2つのページを同時更新する方法
いつもありがとうございます。初心者です。御指導お願いします。 テキストにリンクを貼って、クリックと同時にiframeの2ヶ所のページにGETでデータが送信され、同じ値がGETで自身のページにも送信され 自身とiframeの3つのページが同時に更新されるようにしたいのですが、下記の記述では、GETで送信されて、iframe内のページは更新されるのですが、自身のページは更新ボタンを押さないと内容が更新されません。 テキストリンクをクリックしただけで、自身のページとiframe内の2つのページを同時更新できる方法を教えて下さい。 <SCRIPT language="JavaScript"> function Syncro(mPage,cPage,sPage){ parent.main.location.href=mPage; parent.control.location.href=cPage; self.location.href=sPage; } </SCRIPT> phpで書いたページ内のテキストリンクです。 <A HREF="Javascript:Syncro('right.php?entry_day=2008-02-04','top.php?entry_day=2008-02-04','offer_calender.php?entry_day=2008-02-04')">2008-02-04</a> phpで書いたページ内のiframe のページ <td bgcolor="#999999"><iframe src="right.php?entry_day=2008-02-04" name="main" width="300" height="330" scrolling="yes"></iframe></td> <td bgcolor="#3399CC"><iframe src="top.php?entry_day=2008-02-04" name="control" width="677" height="330" scrolling="yes"></iframe></td>
- ベストアンサー
- JavaScript
- iframeについての質問
iframeについての質問ですが、例えば、トップページ、日記のページがあるとします、日記のページにはiframeがあり、iframe内に、毎日の日記を別のhtmlで作ったものを表示していこうと思います。 トップページから、日記ページのiframe内に、トップページより、指定した日にちのhtmlファイルにリンクするにはどのようにしたらよいでしょうか？
- ベストアンサー
- HTML
補足
> askaaskaさん 回答ありがとうございます。 １秒間隔でsrc監視してみたのですが、 iframe内のページが遷移後も、最初に設定したsrcしか取得できないんですよね。。。 何でですかねー :(