- 締切済み
新しいウィンドーでJavascriptを実行。
サンプルJavascriptを使わせてもらっているうちに非常に分厚い壁にぶつかっています。よろしくお願いいたします。 index.htmlは <form id="fm"> <input type="text" id="txtWord" size="30" /> <input type="submit" value="検索する" /> </form> <div id="state"></div> <div id="result"></div> とformを使っています。 index.jsで function init() { $('fm').onsubmit = function (){return ( itemDisp() );} $('fm').onreset = function (){clearDisp();} state = $('state'); result = $('result'); } とitemDisp()を実行しているんですよね? itemDisp()はitem.jsに記述されていて function itemDisp() { 省略 //結果を表示 result.innerHTML = tmpHtml; state.innerHTML = "データを取得しました。<br />\n"; 省略 ｝ とindex.htmlにデータの結果を表示しています。 今回したいことは、index.htmlで検索すると、その結果を別のウィンドーに表示したいのですが、何をキーワードにして勉強すればいいのかわかりません。 教えていただけないでしょうか。
- mutsukiame
- お礼率70% (35/50)
- JavaScript
- 回答数1
- ありがとう数3
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- fujillin
- ベストアンサー率61% (1594/2576)
こんな感じ？ （ライブラリを使用してないので、オブジェクトの取得がそのままの記述だけど…） <html> <script type="text/javascript"> var win; window.onload = function(){ win = window.open('','_blank','width=250,height=150'); win.document.open(); win.document.write('<html><body>別ウィンドウのつもり<p /><div id="fuga2"></div></body></html>'); win.document.close(); } function hoge(){ win.document.getElementById('fuga2').innerHTML = document.getElementById('fuga').value; } </script> <body> <input type="text" id="fuga" /> <input type="button" value="別ウインドウへ送る" onclick="hoge()" /> </body> </html>
お礼
ご回答有難う御座います。 まだまだ知識が不十分なので、一度自分で最初から記述することにしました。 知識を得てからまた改めてご意見を参考させていただきます。 このたびは有難う御座いました。