- ベストアンサー
showModalDialogで画面をリロードする方法
- showModalDialogで開いた画面をonChangeでリロードする方法についてご質問です。
- JavaScriptのメソッドを呼び出してモーダル画面を表示し、その中でカレンダーを表示しています。
- カレンダー画面で月を変更した際にリロードする処理を作っていますが、「オブジェクトを指定してください」というエラーが出ます。解決策を教えてください。
- Coke365
- お礼率80% (4/5)
- JavaScript
- 回答数2
- ありがとう数4
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
test.html <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> </head> <body onload="window.showModalDialog('modal.html')"> </body> </html> modal.html <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <script language="JavaScript" src="./Calendar.js"></script> </head> <body onLoad="writePage()"> </body> </html> Calendar.js function writePage() { this.document.open(); this.document.writeln("<html><head><title></title>"); this.document.writeln('<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">'); this.document.writeln("<script language=\"JavaScript\" src=\"./Calendar.js\"></script>"); this.document.writeln("</head><body>"); this.document.writeln("Calendar"); this.document.writeln("<select onChange=\"javascript:writePage();\">"); this.document.writeln("<option>1月"); this.document.writeln("<option>2月"); this.document.writeln("</select>"); this.document.writeln("</body></html>"); } 簡単なテストでこれなら取りあえずエラーは出ないと思います。 ハッキリ言ってなぜ補足で書かれたスクリプトでエラーが出るのか不明です。 ただ、上の例では文字化けするみたいですね。（windows98 IE6) 余分なことですが、この場合下のようにした方が簡単じゃないでしょうか。 Calendar.js function writePage() { HTML = "Calendar" + "<select onChange=\"javascript:writePage();\">"+ "<option>1月"+ "<option>2月"+ "</select>" document.body.innerHTML = HTML }
その他の回答 (1)
<body onLoad="javascript:loadPage();">でドキュメントを書いているのでドキュメントの中身は Calendar <select onChange=\"javascript:loadPage();\"> <option>1月 <option>2月 </select> となっていてloadPage()は無いから「オブジェクトを指定してください」となるのでは？
補足
あれ・・・そう言われてみれば・・・（汗 しかしですね、以下のように4の処理を変更しても やっぱり同じエラーが出てしまったのです。 自分自身(jsファイル)をインポートすること自体が いけないのでしょうか。。？ [変更内容] (b)jsファイルをインポート。Calendar.jsとは showModalDialogやwritePageがあるjsファイル (d)onChangeで呼び出すJavaScriptメソッドを変更 (a),(c),(e)今まで割愛してましたが、念のため追加 4.3で呼び出されたjsファイル内のJavaScript、writePage()はこんな感じ function writePage() { this.document.open(); (a)this.document.writeln("<html><head><title></title>"); (b)this.document.writeln("<script language=\"JavaScript\" src=\"./js/Calendar.js\"></script>"); (c)this.document.writeln("</head><body>"); this.document.writeln("Calendar"); (d)this.document.writeln("<select onChange=\"javascript:writePage();\">"); this.document.writeln("<option>1月"); this.document.writeln("<option>2月"); this.document.writeln("</select>"); (e)this.document.writeln("</body></html>"); }
お礼
テストコードまで作成していただき、ありがとうございました。 確かにこのテストコードは私の環境でも動作しました。 どうやら問題はjsファイルのインポートのようです。 alertを出すだけの別のwritePage()を作って this.document.writeln("<script>function writeAll(){alert(\"writeAll\");}</script>"); というように直書きするとちゃんとonChangeで呼ばれるのですが、これをCalendar.jsに 書き込んでインポートしようとすると、認識されていないのか、エラーがでます。 Resinを使ったウェブアプリケーションの開発での話なのですが、 環境依存の問題なのかもしれません。 差し当たり現在は別の手法で開発しようかと検討中です。どうもありがとうございました。