Google MAPを子ウィンドウで表示

質問

あけましておめでとうございます。
いつもご相談させて頂き、恐縮でございます。

お手数ですが、下記のサイトをご覧ください。

http://horixx.80code.com/03/childwin2.html

(AJAX Webアプリケーション アイデア ブックという本
のサンプルです）
[東京]などをクリックすると子ウィンドウが立ち上がります。

--------------------------------------------------------
私は、立ち上がった子ウィンドウに、Google Mapを入れ込みた
いとチャレンジをしております。
--------------------------------------------------------

子ウィンドウは、HTMLなら問題なく動くのですが、
javascriptなどは動作しません。

例：[javascript]をクリックした際、
基データである(http://horixx.80code.com/sample_DD.html)
が動くはずですが、動作しません。

本題のgoogleMAPですが、表示すらされません。

なにかコツ、およびチャレンジされた方などいらっしゃいませ
んでしょうか。

回答No.2

talepanda

かなり面倒だけどがんばれば出来ます
但し、googleMAPが表示されている元のページそのままでは駄目です。

script要素をinnerHTMLで追加しても、評価はされないので。

<script type="text/javascript">
var code='<script type="text/javascript" src="hoge.js"></'+'script>the html';
function I(){document.getElementById("orz").innerHTML=code;}
function D(){document.write(code);}
function A(){var e=document.createElement("script");e.setAttribute("type","text/javascript");e.setAttribute("src","hoge.js");document.getElementById("orz").appendChild(e);}
</script>
<button onclick="I()">innerHTML=</button>
<button onclick="D()">write()</button>
<button onclick="A()">DOM()</button>
<div id="orz"></div>

で
hoge.jsに
alert(1)
とでも書いて試してみてください。

そこまでわかれば、どうすれば実現できるかは、わかるかと思います。

お礼

ありがとうございます。
チャレンジしてみます。

子ウィンドウそのものに、javascriptの記述をしても動作はしない、
そのため、上記のfunction Aで、javascript用のDOMを作成して
あげる必要があるとの認識で進めてみます。

回答No.1

fire--

まるで自信ないのですが、
子ウィンドウといってもブラウザとしての別ウィンドウではないから、
その中身は親とまとめてひとつのhtmlですよね。
だとしたら、子の中のhead要素って無視されてしまうのでは？

お礼

正月休みで、お返事遅れまして申し訳ありません。

いろいろ試して見たところ、
たしかに、
IEは、ヘッダ情報が無視
FireFOXは、ヘッダを見てくれました。

が、どうもjavascriptは、見てくれない様です。
でもありがとうございます。