親ウィンドウから子ウィンドウを開く際、子ウィンドウ先でstyle.displayを使って答えを開くようにしたいと思っています。
下記のような構成で作ったのですが、子ウィンドウ先のdocumentを認識してくれない時もあるようで、答えが開く時もあれば、開かない時もあり対処を知りたいと思っています。
*** 親ウィンドウ ***
<script language="JavaScript">
<!--
function OpenAns () {
mywin = window.open("aaa.html", "x", "");
mywin.document.getElementById("id1").style.display="inline";
}
// -->
</script>
<a href="javascript:void(0)" onclick="OpenAns();">答え</a>
*** 子ウィンドウ ***
<body>
...
<span id="id1">答えです。</span>
...
</body>
No.2ベストアンサー
- 回答日時:
>Netscapeだけの事象に関し、想定される問題
全然読めないのではなく
やっぱり、読めたり読めなかったりするんですよね?
その場合は、やはり、読込が完了しているかどうかいうことではないかと思います。
部分的ではなくて、全部が読み込まれないといけないのかもしれないし・
*
子ウインドウが開いたままの時は問題なく実行できるのですよね。
始めて子ウィンドウを開くときには
answer.html?no=10
とかクエリーを渡して、
そのページ自体にonload時に、指定されたnoをinlineにするとかするようにしたら確実かもしれません。
回答ありがとうございました。IEはOK,Firefoxの場合、子ウィンドウが開いたままだと正しく表示、Netscapeの場合は、新規Open/ウィンドウが開いたままでもNGとなりました。
ブラウザーに依存するようなので、このあたりは又調べたいと思います。
ヒントを頂いたおかげで、助かりました。
No.1
- 回答日時:
ちょっと分からない部分があるのですが、
「答えです」の部分をstyle.display="inline"する意味はあるのでしょうか?
子ウインドウを開いてその時始めて答えが表示されるのであれば、特別何もする必要がないような気がします。
*
元々そのページの答えがdisplay=noneになっていて、
タイミングによってdisplay=inlineにする時
それが、できたりできなかったりするのは、
多分、ページの読み込みがまだ完了していない時に実行しようとしているからだと思います。
mywin.document.getElementById("id1")
がまだ存在していなければ、少し待つと言うようにする必要があるかと思います。
回答ありがとうございます。IEに関しては期待通りの動きとなりました。
質問内容はかなり簡潔に記載しておりますが、実際は親ウィンドウに複数の質問があり、子ウィンドウ先参照ページでも対応する複数回答があります。
そのため、親ウィンドウ側のある質問Aをクリックすると、子ウィンドウ先ではそれに対応する回答Aのみを表示させたいということでした。
子ウィンドウ先は全て'none"でロードされております。
ご回答いただいた通り、インターバルを付けてみたら、IEに対しては期待通りの動きをしてくれました。
しかし、Netscapeの方ではインターバルを長くしても、
mywin.document.getElementById("id1") has no properties となってしまいます。
もしこのNetscapeだけの事象に関し、想定される問題があればご教示いただけますでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
エクセルのシート上に別のシー...
-
Javascript_submit()完了後に処...
-
VBAで任意のウインドウのサイズ...
-
デスクトップ画面を4分割するには
-
アクティブウィンドウのタイト...
-
ウィンドウの2重起動を防止したい
-
ポップアップと作業ウィンドウ...
-
子ウィンドウから親ウィンドウ...
-
VBの画面で、全ウィンドウを一...
-
子ウィンドウの存在確認
-
別フレームのページを更新させたい
-
1クリックでモーダルを開いてか...
-
親ウィンドウから開いた子ウィ...
-
window.Openをモーダルにできま...
-
ウィンドウ名からウィンドウオ...
-
外部JSファイルでポップアップ...
-
ウィンドウサイズを開いたとき...
-
JavaScriptで指定Windowを最大...
-
window.close()で確認メッセー...
-
<EXCEL/VBA> OUTLOOKのウインド...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
エクセルのシート上に別のシー...
-
Javascript_submit()完了後に処...
-
VBAで任意のウインドウのサイズ...
-
ウィンドウの2重起動を防止したい
-
window.Openをモーダルにできま...
-
<EXCEL/VBA> OUTLOOKのウインド...
-
ウィンドウ名からウィンドウオ...
-
VBの画面で、全ウィンドウを一...
-
子ウィンドウの存在確認
-
初心者javascript グーグルクロ...
-
インタネットからPDFファイルだ...
-
親ウィンドウから開いた子ウィ...
-
子ウィンドウより親ウィンドウ...
-
1クリックでモーダルを開いてか...
-
子ウィンドウを常に手前表示、...
-
ポップアップと作業ウィンドウ...
-
IEでのみ発生するJavaScriptエラー
-
ブラウザ(IE)からエクスプロー...
-
JavaScriptで指定Windowを最大...
-
リンク時、親ウインドウを最前...
おすすめ情報