親フレームの変数にアクセス(JavaScript）

質問

[index.html]
<script src="script.js"></script>
<frameset rows="50%,*" frameborder="1">
<frame src="content1.html"name="cont1">
<frame src="content2.html" name="cont2">
</frameset>

[script.js]
var test_text="てすと";

[content1.html]
<form>
<input type="text" name="in">
<input type="button" onClick="window.parent.test_text = document.forms[0].in.value;" value="IN">
</form>

[content2.html]
<form>
<input type="text" name="out">
<input type="button" onClick="document.forms[0].out.value =　window.parent.test_text;"　value="OUT">
</form>

のようになっています。
「index.html」の「script.js」の変数に、「content.1html」と「content2.html」からアクセスしたいです。
ですが、フレームになっているため、思うような動作をしてくれません。

よろしくお願いします。

回答No.1

LancerVII · ベストアンサー

こんにちは。

思うような動作というのがわからないのですが、1.htmlのINで入れた値が下の2のOUTをクリックしたら表示されれば良いのでしょうか？

上記の書き方で行けると思いますが

<form>
<input type="text" name="out">
<input type="button" onClick="document.forms[0].out.value =　window.parent.test_text;"　value="OUT">
</form>

out.value =□window.parent.test_text;"□value="OUT">
□の部分が全角スペースになっています。

半角にすれば動きませんか？

お礼

ローカルファイル（？）をネットにアップしたら、Chromeでも期待通りの動きをしてくれました。

なぜ、アップしないと上手く動いてくれないんでしょうね？ローカルファイルのパスに日本語が含まれているからでしょうかね？

ChromeはDeveloper Toolsが使えるので重宝している（使い方がほとんどわかりませんが・・・）ですが・・・
これからは「今回みたいな問題もある」ということも頭において作って行きたいです。

お世話になりました

補足

ありがとうございます！
こんばんは

確かめてみると、Firefoxでは、自分の思った通りに動いてくれました。ですが、Chromeだと「てすと」ではなく、「undefined」と表示されてしましました。

JavaScriptは特に文法はよく分かっておらず、試行錯誤でやることが多いので、Webプログラマーさんにアドバイスが聞けてよかったです。（この変数のアクセス方法が正しいことが分かりました）

ローカルファイル（？）から開いているのが問題かもしれないので、適当なサーバーにファイルをアップし実行してみて、Chromeの動きを見てみます。