- ベストアンサー
別ページから別ページへタグを貼り付け。
1のページから2のページを開きます。 1のページにはフォームが設置してあって、中身を自由に書けるようになっています。 2にはHTMLなどの使い方が載っています。 この時、2の中に設置してあるボタンなどを押したら、そのタグなどが1のページのフォームの中に入るような仕組みってできるでしょうか？ 2のタグがかいてあるのはTEXTAREA内なのでコピペでもできるんですけど、、、簡単にしてくれ、と言われそうで。 何か方法がありましたらよろしくお願いいたします。
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
遅くなりましたが、ウィンドウ間のデータやりとりサンプルです。 まずは、１のページ（tag1.html） ------------------------------------------------------------ <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> <!-- function OpenSub() { window.open("tag2.html","","width=200,height=200"); } // --> </SCRIPT> </HEAD> <BODY> <FORM> <INPUT type="button" name="btnShowSub" value="タグ一覧" onClick="OpenSub()"> </FORM> <FORM name="frmMain"> <INPUT size="20" type="text" name="txtMsg"> </FORM> </BODY> </HTML> ------------------------------------------------------------ 次に、２のページ（tag2.html） ------------------------------------------------------------ <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> <!-- function SetTxt() { window.opener.document.frmMain.txtMsg.value=document.frmSub.txtMsg.value; } // --> </SCRIPT> </HEAD> <BODY> <FORM name="frmSub"> <INPUT size="20" type="text" name="txtMsg" value="何かいれてね"> <INPUT type="button" name="btnClose" value="タグ入力" onClick="SetTxt()"> </FORM> </CENTER> </BODY> </HTML> ------------------------------------------------------------ これで、ウィンドウ間のデータやりとりはできます。 このソースを改変してみてください。 たとえば、２のタグ一覧をテーブル表示にして、一番左のセルにラジオボタンを設置して、 「タグ入力」ボタンを押されたときに、選択されているラジオボタンによって、ケース文で分岐させるとか・・・。 全てJavaScriptとHTMLで書くと、膨大なソースになりそうですが・・・。 また、何かあったら聞いてください。
その他の回答 (3)
- uratan
- ベストアンサー率30% (38/124)
補足ありがとうございます。 ＃１の人がかかれたとおり、JavaScriptの使用で実現できると思います。 （１）１のページを親ウィンドウとして、２のページを子ウィンドウにする。 （２）２のページは各項目ごとにボタンなりラジオボタンを設置する。 （３）各項目にボタンを配置した場合は、そのボタン押下のタイミングで親ウィンドウのフォームに表示させる。 （４）ラジオボタンを設置した場合には、２のページにボタンを一つ設定して、そのボタンが押下されたタイミングで親ウィンドウのフォームに表示させる。 で、いいと思いますよ。 わからなければ、また聞いてくださいね。 ちなみに、私がよく参考にさせてもらってるサイトを載せておきますね。 ・http://www.ueda.info.waseda.ac.jp/~gaku/js/ ・http://www.openspc2.org/JavaScript/ ・http://homepage2.nifty.com/yoshi-m/makehp/javascript/source/main.htm それと・・・。 ブラウザによって、Javascriptの使い方が違うので、注意してくださいね。
お礼
回答ありがとうございます。 ためしにこんな感じにしてみました。 1のページ ------------------------------ <SCRIPT language='JavaScript'> <!-- function OpenWin(){ win=window.open('tag2.html','_blank'); } // --> </SCRIPT> （省略） <A HREF=javascript:OpenWin()>タグ一覧</A> （省略） ※きちんと「tag2.html」が開きます。 ------------------------------ ２のページ ------------------------------ <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> <!-- function NyuuryokuTag(){ document.NAIYOU.input.value = document.NAIYOU.input.value + word; } // --> </SCRIPT> </HEAD> <BODY> <CENTER> <FORM> <INPUT type="button" name="button1" value="http://" onClick="NyuuryokuTag('http://')"> </FORM> </CENTER> </BODY> </HTML> ------------------------------ ですが、表示されません。 １のタグを入れたいtextareａは「NAIYOU」という名前です。 よろしくお願いいたします。
- uratan
- ベストアンサー率30% (38/124)
補足をお願いします。 ＞この時、2の中に設置してあるボタンなどを押したら、そのタグなどが1のページ ＞のフォームの中に入るような仕組みってできるでしょうか？ １のページのフォームとは、テキストエリアに表示したいという事でしょうか？ 例えば、２で選ばれたタグが<font>だったら、１のページのテキストエリアに「font」と表示されればいいのですか？ どのような処理をしたいのかを、もう少し詳しく教えていただけませんか？
お礼
回答ありがとうございます。 ＞１のページのフォームとは、テキストエリアに表示したいという事でしょうか？ そうです。 ２のページのテキストエリア内にかかれたものを１のページのテキストエリア内に持っていきたいのです。 例えば２のページに<font color=red>ここに文字を入れてください</font>とあったら このまま<font color=red>ここに文字を入れてください</font>と１に入れたいのです。 これで要望がおわかりいただけたでしょうか？ よろしくお願いします。
- the845t
- ベストアンサー率33% (246/743)
JavaScriptを使えば可能ですが、 当然JavaScriptを使用しない人には使えない。 検索すると見つかると思います。
お礼
回答ありがとうございます。 JavaScriptを使用すればできるのですか？ 検索してみたいと思います。 ありがとうございました。
お礼
回答ありがとうございます。 無事できました。 さらに希望なのですが、「何かいれてね」が入ってるところをテキストボックスではなく、テキストエリアにするようなことってできるのでしょうか？ 贅沢をいえば、タグが隠れていて（閲覧者から見えなくて）、ボタンを押したら出てくるみたいなことできますか？ ｜ フォント色変更 ｜ 「入力」（ボタン） ｜ ↑ これの「入力」を押すと、<font color=red>***</font> と入るような…。 贅沢言ってすいません。 できたらよろしくお願いいたします。