- ベストアンサー
開いたサブウインドウから値を取得したい
例えばa.htmlに テキストボックスとサブウインドウ(b.html)を開くボタンがあって ボタンを押下するとb.htmlが開き、その画面でチェックボックスを 複数チェックしてボタンを押下するとb.htmlは閉じられて チェックした値がa.htmlのテキストボックスに入ってくるというような 処理をしたいのですが、JavaScriptの知識が０なのでどう書けばいいのか 全く想像もつきません。 何方か教えていただけないでしょうか。 よろしくお願いします(^^
- saya129
- お礼率36% (163/441)
- JavaScript
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
>JavaScriptの知識が０なのでどう書けばいいのか どう書けば解ったところで０ならどうしようもないような気がしますが、 １つのサンプル メインのウィンドウでボタンを押すとサブのウインドウが開き、 チェックボックスをチェックしてボタンを押すと、 チェックされたチェックボックスの値を合算して、サブウィンドウは閉じて）メインウインドウのテキストボックスに表示します。 a.html ------------------------------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=SHIFT_JIS"> <title>メインウインドウ</title> </head> <body> <form name="FORMA"> <input name="RESULT" type="text" value="0"> <button type="button" onclick="window.open('b.html','SUBWINDOW','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,width=300,height=300')">チェックボックスでチェックする</button> </form> </body> </html> ------------------------------------------------------------------ b.html ------------------------------------------------------------------ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=SHIFT_JIS"> <title>サブウインドウ</title> <script type="text/javascript"> <!-- function goBack(){ var ckList=document.getElementsByName("checkList"); var value=0; for(var i=0;i<ckList.length;i++){ if(ckList[i].checked) value+=parseInt(ckList[i].value); } window.opener.document.FORMA.RESULT.value=value; window.close(); } //--> </script> </head> <body> <form name="FORMA"> <input type="checkbox" name="checkList" value="1" id="ck1"> <label for="ck1">A</label> <input type="checkbox" name="checkList" value="2" id="ck2"> <label for="ck2">B</label> <input type="checkbox" name="checkList" value="4" id="ck3"> <label for="ck3">C</label> <input type="checkbox" name="checkList" value="8" id="ck4"> <label for="ck4">D</label> <button type="button" onclick="goBack()">メインウインドウに戻る</button> </form> </body> </html>
その他の回答 (1)
- sakura-pon
- ベストアンサー率20% (153/744)
ここを参考に。 http://www.openspc2.org/reibun/javascript/ さらに、ここが参考になるかもしれません。 http://www.openspc2.org/reibun/javascript/sub_window/009/index.html
お礼
いろいろ参考になりました！ どうもありがとうございますv(^^)v
お礼
すご～い！！ 動かしてみてあまりに完璧だったから感動しました！！ どうもありがとうございましたv(^o^")v