よろしくお願いします。インラインフレームを利用したWebページを作成しています。 FLASHでボタンつくったボタンをクリックすると、インラインフレームの中の表示が切り替わるようになっています。そこで、どうしてもそのインラインフレームに表示されるページのタイトルとファイル名を取得したいのですが、何かよい方法はないでしょうか？インラインフレーム機能を使用しています。インラインフレーム対応のブラウザで試してください(*´∀｀) リンク先は、FLASHのボタンにつくっています。インラインフレームの表示内容がが切り替わった時に、 sample.html ⇒ hoge.html hoge.htmlのタイトル名とファイル名を親フレームから呼びだしたいと思っています。よろしくお願いします。

フレームの中身にアクセスするにはcontentWindowを利用します。切り替わったら、というのはonloadでいいかと思います。例 iframeの中身のロード完了の度にtitleをalertで表示する。ファイル名は、location.hrefやlocation.pathnameを参照しますが、余計なパス等が付いてますからmatchなどで抜き出します。

インラインフレームで表示されるページのタイトルを取得したい。

解決済

質問者：Hiro_alive
質問日時：2008/08/18 11:31
回答数：2件

よろしくお願いします。

インラインフレームを利用したWebページを作成しています。
FLASHでボタンつくったボタンをクリックすると、
インラインフレームの中の表示が切り替わるようになっています。
そこで、どうしてもそのインラインフレームに表示される
ページのタイトルとファイル名を取得したいのですが、
何かよい方法はないでしょうか？

<div id="contents">
<iframe src="sample.html" name="frame" width="800" height="600" frameborder="0">
インラインフレーム機能を使用しています。インラインフレーム対応のブラウザで試してください(*´∀｀)
</iframe>
</div>

リンク先は、FLASHのボタンにつくっています。
インラインフレームの表示内容がが切り替わった時に、
sample.html　⇒　hoge.html
hoge.htmlのタイトル名とファイル名を親フレームから
呼びだしたいと思っています。

よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： steel_gray
回答日時：2008/08/22 14:11

一度構築がが完了したページではdocument.writeは使えません。

（使うと新しいページを作る事になる）

また、this は使う場所、タイミングで意味が違ってくるので、単純に場所を移すと動かなくなります。

以下、例です。
function hoge(iframe){
//受けとったiframeオブジェクトからフレームに読み込まれているページのdocumentを取得
var iframedocument = iframe.contentWindow.document;

// 'showurl'の中身を書き換える。
document.getElementById('showurl').innerHTML =
iframedocument.location.href + '(' +
iframedocument.title +')';
}

<p id="showurl"></p>←title等を表示する場所
<iframe ～ onload="hoge(this)">←this(ここではiframe)を渡す。

- 0
- 件

通報する

この回答へのお礼

丁寧な解説ありがとうございます。

勉強不足ですいません。
非常にわかりやすい解説で、よく理解できました。
ありがとうございます。

＞一度構築がが完了したページではdocument.writeは使えません。
これは基本的なことなんですよね。

これを期に、JavaScriptにも興味を持って取り組みたいと思います。
ありがとう、ございました。

通報する

お礼日時：2008/08/22 16:05

No.1

回答者： steel_gray
回答日時：2008/08/18 13:45

フレームの中身にアクセスするにはcontentWindowを利用します。

切り替わったら、というのはonloadでいいかと思います。

例 iframeの中身のロード完了の度にtitleをalertで表示する。
<iframe ～
onload="alert(this.contentWindow.document.title)">

ファイル名は、location.hrefやlocation.pathnameを参照しますが、
余計なパス等が付いてますからmatchなどで抜き出します。

この回答への補足

ログインパスワードを忘れてしまい、
返事が大変遅くなり、本当に申し訳ありませんでした。
また、回等ありがとうございます。

回答を参考に下記のようにしてみたのですが、
どうも思うようにいきません。
このような使い方はできないのでしょうか？
URLを書き出すと別ウィンドウで開いてしまいますし、
this.contentWindow.document.titleの部分は、
うまく動いてないような気がします。

初めてなので、すいません。
よろしくお願いします。

<body>
どうしてもここに表示したい。
<script type="text/JavaScript">

</script>

<div>
<iframe src="sample.html" name="frame" width="800" height="600" frameborder="0" onload="hoge()">
インラインフレーム機能を使用しています。インラインフレーム対応のブラウザで試してください(*´∀｀)
</iframe>
</div>

</body>