- ベストアンサー
同じwindowの別formにURLを表示したい
はじめまして。 ボタンをクリックしたら、ボタンの下の領域に指定したURLの内容を表示したいのですが、希望した動作にならず困っています。 具体的には下のソースのように form を２つ作成し、"F1" に表示されているボタンをクリックされたら、"F2" にURLの内容が表示されたらいいなぁと考えています。 初めて HTML を触っているもので、考えられない変な事をしているかもしれませんが、何かヒントでも教えていただけると、大変うれしく思います。 よろしくお願いいたします。 ＜環境＞ OS：winXP pro ブラウザ：IE6 sp1 <html> <head> <script type="text/javascript"> <!-- function onClick_B1(){ window.open("http://www.goo.ne.jp/","F2"); } // --> </script> </head> <body> <form name="F1"> <input type="button" name="B1" value="Go" onClick="onClick_B1()"> <hr> </form> <form name="F2"> </form> </body> </html>
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
#1さんのご回答と重なりますが・・・ ボタンの下の領域に、指定したURLの内容（Web Page）を表示させるために、formの領域を適用するのは不適切です。 formで出来るのは <input> <serect> <textarea> タグ等を使って表示領域を作り、テキストを表示させることしか機能がありません。 従って、HTMLページそのものを表示させるには <form> では不可能です。 では、具体的な表示方法としては、F2の表示領域をFrameにしてしまうことが一番簡単です。 上下を2分割にしたフレーム構成で、上のフレーム内にボタンを表示して、下のフレームにそのリンク先を表示させる単純な方法です。 または、NN4.xでは未対応ですが、表示領域をインラインフレームにしてしまうのはどうでしょうか？ 以下はインラインフレームでの記述例です。 インラインフレームでも、通常のフレームであっても、フレームのnameをJavaScriptで記述した開かれるウインドウの名前（F2）と同一にします。 <html> <head> <title></title> <script type="text/javascript"> <!-- function onClick_B1() { window.open("http://www.goo.ne.jp/","F2"); } // --> </script> </head> <body> <form> <button type="button" onclick="onClick_B1()">Go</button> </form> <hr> <iframe name="F2" src="#" height="300" width="500"></iframe> </body> </html>
その他の回答 (1)
- Blackwingls
- ベストアンサー率44% (138/313)
こんばんわ、Blackwinglsです。 http://www.goo.ne.jp/ の中身を表示したいんですよね？ フレームとかじゃぁだめなんですか？ もしくはインラインフレームとか formでは難しいんじゃぁないかなぁ。 ではでは～★
お礼
ご回答ありがとうございます。 質問時に説明が不足していましたが、フレームは使うことができないのです。すいませんでした。 インラインフレームについては、もっとよく調べてみます。ありがとうございました。
お礼
望んでいた事がそのまんまでした。 自分の調べ方が全然足りなかったようで、これからもっと詳しく調べてみたいと思いますが、これでやっと次に進めそうです。 本当にありがとうございました。