window.onloadの実行と抑止の分岐方法

解決済

質問者：iroha_168
質問日時：2011/01/15 01:19
回答数：1件

親ウィンドウと子ウィンドウの間でデータを共有したいと思い、下記のソースを作成しました。
親ウィンドウで任意の文言を入力し、子ウィンドウを開くをクリックすると、子ウィンドウに値が渡されます。
子ウィンドウで任意の文言を入力し、値をセットをクリックすると、親ウィンドウに値が渡されます。

しかし親ウィンドウから子ウィンドウで値を渡した後、任意の文言を入力し送信ボタンを押すと、index.phpで子ウィンドウの変更後の文言をテキスト欄の値をセットしたあと、
子ウィンドウのwindow.onloadが走って値を追加してしまいました(下記のソースは簡易的なもののため、子ウィンドウのテキスト欄には<input type="text">を使用しておりますが、
実際には<select multiple="multiple">を使用しているため、下記のような表示になります)。

1. 親ウィンドウから子ウィンドウにセットされたテキストの例
あああ

2. 子ウィンドウで変更した文言
いいい

3. 送信ボタンクリック
子ウィンドウのselectには下記が表示されます。
いいい
あああ

その為、子ウィンドウでsubmitした際は、window.onloadを抑止できれば良いと思ったのですが、具体的にどう記述すればよいかわかりませんでしたので、
アドバイスいただける方がいらっしゃいましたら、ご教示の程、よろしくお願いします。
また、window.onloadの抑止にこだわっているわけではありません。
上記の送信ボタンクリック時、子ウィンドウのselectの中が「いいい」と表示される方法があれば大丈夫です。

【親ウィンドウ(index.html)】
<script type="text/javascript">

</script>
</head>
<body>
<form action="index.php" method="post" name="form00" id="form00">
<a onclick="window_open()" href="javascript:void(0)">子ウィンドウを開く</a>
<br />
<input type="text" name="text00" value="" />
</form>
</body>

【子ウィンドウ(sub.html)】
<script type="text/javascript">

</script>
</head>
<body>
<form action="index.php" method="post" name="form01" id="form01">
<input type="text" name="text01" />
<input type="button" onclick="Set()" value="値をセット" />
<input type="submit" value="再読込" />
</form>
</body>

以上、よろしくお願いします。

通報する

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

質問の本文を隠す

回答 (1件)

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

No.1ベストアンサー

回答者： taloo
回答日時：2011/01/15 17:09

なんだかよくわかりませんが、index.phpが出力するHTMLにwindow.onloadの処理を書かなければ良いんじゃないでしょうか。

この回答への補足

この回答へのお礼の3のindex.phpよりsub.htmlを再読み込みする際は特定の値を渡し、sub.htmlのwindow.onloadの先頭で特定の値がセットされていない場合のみwindow.openerが動作しないようにする事で回避する事ができました。

以上、よろしくお願いします。

補足日時：2011/01/17 18:00

通報する

- 0
- 件

通報する

この回答へのお礼

ご回答ありがとうございます。

ご指摘のwindow.onloadを書かずに本件を実現する事は可能なのでしょうか？

処理の流れとしては下記となります。

1. 親ウィンドウ(index.html)
↓
任意の文言を入力し、「子ウィンドウを開く」で子ウィンドウ(sub.html)に値を渡します。
実現方法としては、子ウィンドウ(sub.html)でwindow.onloadを記述し、
window.openerで、親ウィンドウから子ウィンドウに値を渡しています。
↓
2. 子ウィンドウ(sub.html)
↓
親ウィンドウから渡された文言を修正し、送信ボタンを押します。
この際、修正した文言を保持する為、index.php内で子ウィンドウのテキスト欄に値を再セットした上で、子ウィンドウを再読込しています。
↓
3. index.php
↓
ここまでは予定通りの動作となるのですが、この後、index.phpによる子ウィンドウ(sub.html)の再読込時にwindow.onloadが走ってしまう為、この時点では欲しくない親ウィンドウの文字が追加されてしまいます。
↓
4. 子ウィンドウ(sub.html)

なお、上記の中で、index.phpで子ウィンドウ(sub.html)を再読み込みしているのは、子ウィンドウ内の他のところで変えたい値がある為です。

その為、例えば子ウィンドウ(sub.html)のwindow.openerは、親ウィンドウ(index.html)から開かれた場合のみ動作し、index.phpで再読込した際は動作しないように分岐させる事ができれば、3と4の間の現象が発生せず、意図した動作になるのではと思ったのですが、どのように実現すればよいか分からなかった為、ご質問させていただきました。

以上、よろしくお願いします。