Ajax,PHPを用いたWebページ

Question

###質問
以下の画像のように
Webページを作っていて1つのページの中に
フレームを用いて別の2つのWebページを呼んでいます。
そこでページAからページBの内容を書き換えたいのですが、
Ajaxなどを使ってもページAからページBの内容を読み込むことなどは出来るのですが、
ページAからページBの内容を書き換える事などは可能なのでしょうか。

Answer 1

ページAから「1つのWebページ」を扱うことができます。 parent.document でアクセスします。
document.getElementById('frame-b').contentWindow で「1つのWebページ」からページBを扱うことができます。
また、window.postMessage() でも通信ができると思います。

【iframeの親から子、子から親の操作をする | cly7796.net】
http://cly7796.net/wp/javascript/operation-of-iframe/

【jQueryでiframe内のページから親ページを操作する方法 | BlackFlag】
http://black-flag.net/jquery/20111129-3602.html

【子ページから親ページ（別ドメイン）の iFrame の大きさを操作する | バシャログ。 | 横浜でWeb制作を行うシーブレインスタッフによる技術情報ブログ】
http://bashalog.c-brains.jp/14/07/10-100000.php

Answer 2

書き換える……というのがどういった範囲なのかわかりませんが、できます。

流れ

**ページBを編集するPHP（ページCとします）**を作成しておき、
ページAからajaxを用いてページCにアクセスします。
アクセスを受けたページCがページBを書き換える…と言った流れになると思います。

Comments

[Yakult]

お返事ありがとうございます。

書き換えるというのはjsのinnerTextくらいの事だけです。

ちなみに、この方法で実行した場合
ページBのテキストを書き換えてリロードをせずに更新後のページBの内容を表示することは可能でしょうか？

[nnahito]

場合によります。

表示してあるDIVなどをJavaScriptを使って、動的に書き換えるのであれば可能です。
この場合、ページBのファイル自体は変更されていませんので、同時にページBを書き換えるPHPプログラムを走らせます。

そして、PHPからページBを書き換えただけの場合、リロードをせずに更新後のページBの内容を表示することは不可能です。
ファイルの内容を書き換えたのであれば、リロードしなければ読み込まれません。
ここで、Ajaxを使い「リロードしていないように見せかけてリロードを行う」という方法は可能かもしれません。