htmlファイルのインクルードあるページを複数の別のhtmlファイルを読み込んで構成しようと思っています。以下がソースなのですがFirefoxでは samplesample テストテストと表示されるのですが、Internet Explorerではテストテストのみが表示されsample.htmlが読み込まれません。何がいけないのでしょうか。よろしくお願いします。 [index.html] テストページ function my_include(id, file) { document.open(); document.write(' '); document.close(); var options = {}; options.method = "get"; options.asynchronous = true; new Ajax.Updater(id, file, options); } my_include("headers","sample.html"); テストテスト [sample.html] sampleページ samplesample [バージョン情報] Firefox 3.6.3 Internet Explorer 8 prototype.js 1.6.1

> document.write(' '); > ID重複が原因じゃないでしょうか？どちらかを消すと良いかもしれません。

htmlファイルのインクルード

解決済

質問者：TeamTea
質問日時：2010/05/09 16:09
回答数：2件

htmlファイルのインクルード

あるページを複数の別のhtmlファイルを読み込んで構成しようと思っています。

以下がソースなのですがFirefoxでは

samplesample
テストテスト

と表示されるのですが、Internet Explorerでは

テストテスト

のみが表示されsample.htmlが読み込まれません。

何がいけないのでしょうか。
よろしくお願いします。

[index.html]
<html>
<head>
<title>テストページ</title>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript">
function my_include(id, file) {
document.open();
document.write('<div id="' + id + '"></div>');
document.close();

var options = {};
options.method = "get";
options.asynchronous = true;
new Ajax.Updater(id, file, options);
}
</script>
</head>
<body>
<div id="headers"></div>
<script type="text/javascript">my_include("headers","sample.html");</script>
テストテスト
</body>
</html>

[sample.html]
<head>
<title>sampleページ</title>
</head>
<body>
samplesample
</body>
</html>

[バージョン情報]
Firefox 3.6.3
Internet Explorer 8
prototype.js 1.6.1

通報する

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

質問の本文を隠す

回答 (2件)

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

No.2ベストアンサー

回答者： yyr446
回答日時：2010/05/10 14:41

ajaxは非同期に実行されています。

同じ関数の中にある
document.open();
document.write('<div id="' + id + '"></div>');
document.close();
のレンダリングが完了する前にレスポンスされているのでは？
new Ajax.Updater(id, file, options);
の前に
alert("ちょっと待つ");
を入れて試してみてはどうでしょう。

この回答への補足

alert("ちょっと待つ");
を入れてもIEではダメでした。
Firefoxでは大丈夫なんですよね。。

<html>
<head>
<title>テストページ</title>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript">
function my_include(id, file) {
document.open();
document.write('<div id="' + id + '"></div>');
document.close();
alert("ちょっと待つ");
var options = {};
options.method = "get";
options.asynchronous = true;
new Ajax.Updater(id, file, options);
}
</script>
</head>
<body>
<script type="text/javascript">my_include("headers","sample.html");</script>
テストテスト
</body>
</html>