- ベストアンサー
親ウィンドウ→子ウィンドウ
こんにちは！どうぞ宜しくお願い致します。 親Ｗのパン名をクリックすると親Ｗでクリックしたパン名とその画像と閉じるボタンを子Ｗに表示したいのです。 子Ｗイメージ： ┏━━━━━━━━━━┓ ┃ パン名 ┃ ┃┌───────┐ ┃ ┃│ │ ┃ ┃│ 画 像 │ ┃ ┃│ │ ┃ ┃└───────┘ ┃ ┃ ┌──────┐ ┃ ┃ │閉じるボタン │ ┃ ┃ └──────┘ ┃ ┗━━━━━━━━━━┛ 画像を表示させるだけなら出来たのですが親Ｗからのデータを どうのようにすれば子Ｗに反映させる事が出来るのかさっぱり解かりません。（＞０＜） とほほのＷＷＷ入門のJavaScriptも３回読んだのですがちんぷんかんぷんで・・・。 初心者なので理解力がないかもしれませんがご助言宜しくお願い致します。m(＿" ＿)m ちなみに親Ｗはこのようになっています。 <HTML> <HEAD> <SCRIPT type="text/javascript"> <!-- function WinOp(addr){ window.open(addr,"gazou","width=150,height=150,dependent=yes,menubar=no,toolbar=no,scrollbars=no"); } //--> <TITLE>パン紹介</TITLE> </HEAD> <BODY> <TABLE cellpadding="0" summary="パン紹介１"> <TR> <TD><P><A href="javascript:WinOp('../pan/meron.gif')"> メロンパン</A></P></TD> <TD>紹介文・・・１００円</TD> </TR> <TR> <TD><P><A href="javascript:WinOp('../pan/an.gif')"> アンパン</A></P></TD> <TD>紹介文・・・２００円</TD> </TR> <TR> <TD><P><A href="javascript:WinOp('../pan/choko.gif')"> チョコデニッシュ</A></P></TD> <TD>紹介文・・・１５０円</TD> </TR> </TABLE> </BODY> </HTML>
- nekobaka
- お礼率25% (11/44)
- JavaScript
- 回答数3
- ありがとう数4
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
#2です。質問の趣旨と少し違っていたので修正です(汗) ****************************** <SCRIPT type="text/javascript"> <!-- function WinOp(addr,panname){ var a=window.open("","gazou","width=150,height=150,dependent=yes,menubar=no,toolbar=no,scrollbars=no"); a.document.open() a.document.write("<center><div>"+panname+"</div><img src="+addr+"><br><button onclick='window.close();'>"+"閉じる"+"</button></center>"); a.document.close(); } //--> </script> ****************************** どうでしょうか?
その他の回答 (2)
- spnk55
- ベストアンサー率29% (11/37)
引数を3つ使用して、スクリプト内を以下のように記述すればいかがでしょうか? ************************************ <SCRIPT type="text/javascript"> <!-- function WinOp(addr,panname,price){ var a=window.open("","gazou","width=150,height=150,dependent=yes,menubar=no,toolbar=no,scrollbars=no"); a.document.open() a.document.write("<center><div>"+panname+"</div><img src="+addr+"><div>"+price+"</div></center>"); a.document.close(); } //--> </script> ************************************ <A>の部分は、 <A href="javascript:WinOp('../pan/meron.gif','メロンパン','100円')"> というふうな記述です。
お礼
こちらの回答も参考にさせて頂き値段もわかるように下記のように変更致しました。 style=・・・を加えたので見た目が悪いのが少し悩みです。(;￣ー￣A 本当に有り難う御座いました！ <SCRIPT type="text/javascript"> <!-- function WinOp(addr,panname,price){ var a=window.open("","gazou","width=200,height=220,dependent=yes,menubar=no,toolbar=no,scrollbars=no"); a.document.open() a.document.write("<center><DIV style='color:#0000FF;font-weight:bold;'>"+panname+"<DIV/><DIV style='color:#0000FF;font-weight:normal;'>"+price+"</DIV><IMG src="+addr+"><BR><BR><BUTTON style='border-style:solid;text-align:center;padding-top:2px;border-color:#0000FF;border-width:2px;color:#0000FF;background-image:url(\"http://○○○/check-he-b.gif\");' onclick='window.close();'>"+"＜close＞"+"</button></center>"); a.document.close(); } //--> </script>
親ウィンドウからサブウィンドウに文字を表示する http://www.openspc2.org/reibun/javascript/sub_window/016/index.html 参考になるでしょうか？
お礼
ご回答有り難う御座いました。m(＿" ＿)m 参考にさせて頂きました。
お礼
ご回答有り難う御座いました！m(＿" ＿)m 教えて下さった通りにしましたら想像どおりになりとても喜んでおります。 ＨＰ作成支援サイトのBBS等でも同様の質問をしたのですが出来ないと言われたり javascriptが解かっていないならそんな事するな！勉強しろ！みたいな事も 言われてワラにもすがる気持ちでＯＫｗｅｂで質問したところでした。 こんなに親切に教えて下さり本当に感謝致します。m(＿" ＿)m spnk55さんの回答を見てjavascriptのサイトと見比べ少しですが そのサイトで記載されている意味が解かってきました。 まだまだ初心者ですがもっともっと勉強して頑張りたいと思います。 本当に有り難う御座いました。m(＿" ＿)m