• ベストアンサー

別ページから別ページへタグを貼り付け。

1のページから2のページを開きます。 1のページにはフォームが設置してあって、中身を自由に書けるようになっています。 2にはHTMLなどの使い方が載っています。 この時、2の中に設置してあるボタンなどを押したら、そのタグなどが1のページのフォームの中に入るような仕組みってできるでしょうか? 2のタグがかいてあるのはTEXTAREA内なのでコピペでもできるんですけど、、、簡単にしてくれ、と言われそうで。 何か方法がありましたらよろしくお願いいたします。

  • HTML
  • 回答数4
  • ありがとう数4

質問者が選んだベストアンサー

  • ベストアンサー
  • uratan
  • ベストアンサー率30% (38/124)
回答No.4

遅くなりましたが、ウィンドウ間のデータやりとりサンプルです。 まずは、1のページ(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> ------------------------------------------------------------ 次に、2のページ(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> ------------------------------------------------------------ これで、ウィンドウ間のデータやりとりはできます。 このソースを改変してみてください。 たとえば、2のタグ一覧をテーブル表示にして、一番左のセルにラジオボタンを設置して、 「タグ入力」ボタンを押されたときに、選択されているラジオボタンによって、ケース文で分岐させるとか・・・。 全てJavaScriptとHTMLで書くと、膨大なソースになりそうですが・・・。 また、何かあったら聞いてください。

KODAMAR
質問者

お礼

回答ありがとうございます。 無事できました。 さらに希望なのですが、「何かいれてね」が入ってるところをテキストボックスではなく、テキストエリアにするようなことってできるのでしょうか? 贅沢をいえば、タグが隠れていて(閲覧者から見えなくて)、ボタンを押したら出てくるみたいなことできますか? | フォント色変更 | 「入力」(ボタン)  | ↑ これの「入力」を押すと、<font color=red>***</font> と入るような…。 贅沢言ってすいません。 できたらよろしくお願いいたします。

その他の回答 (3)

  • uratan
  • ベストアンサー率30% (38/124)
回答No.3

補足ありがとうございます。 #1の人がかかれたとおり、JavaScriptの使用で実現できると思います。 (1)1のページを親ウィンドウとして、2のページを子ウィンドウにする。 (2)2のページは各項目ごとにボタンなりラジオボタンを設置する。 (3)各項目にボタンを配置した場合は、そのボタン押下のタイミングで親ウィンドウのフォームに表示させる。 (4)ラジオボタンを設置した場合には、2のページにボタンを一つ設定して、そのボタンが押下されたタイミングで親ウィンドウのフォームに表示させる。 で、いいと思いますよ。 わからなければ、また聞いてくださいね。 ちなみに、私がよく参考にさせてもらってるサイトを載せておきますね。 ・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の使い方が違うので、注意してくださいね。

参考URL:
http://www.ueda.info.waseda.ac.jp/~gaku/js/
KODAMAR
質問者

お礼

回答ありがとうございます。 ためしにこんな感じにしてみました。 1のページ ------------------------------ <SCRIPT language='JavaScript'> <!-- function OpenWin(){ win=window.open('tag2.html','_blank'); } // --> </SCRIPT> (省略) <A HREF=javascript:OpenWin()>タグ一覧</A> (省略) ※きちんと「tag2.html」が開きます。 ------------------------------ 2のページ ------------------------------ <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> ------------------------------ ですが、表示されません。 1のタグを入れたいtextareaは「NAIYOU」という名前です。 よろしくお願いいたします。

  • uratan
  • ベストアンサー率30% (38/124)
回答No.2

補足をお願いします。 >この時、2の中に設置してあるボタンなどを押したら、そのタグなどが1のページ >のフォームの中に入るような仕組みってできるでしょうか? 1のページのフォームとは、テキストエリアに表示したいという事でしょうか? 例えば、2で選ばれたタグが<font>だったら、1のページのテキストエリアに「font」と表示されればいいのですか? どのような処理をしたいのかを、もう少し詳しく教えていただけませんか?

KODAMAR
質問者

お礼

回答ありがとうございます。 >1のページのフォームとは、テキストエリアに表示したいという事でしょうか? そうです。 2のページのテキストエリア内にかかれたものを1のページのテキストエリア内に持っていきたいのです。 例えば2のページに<font color=red>ここに文字を入れてください</font>とあったら このまま<font color=red>ここに文字を入れてください</font>と1に入れたいのです。 これで要望がおわかりいただけたでしょうか? よろしくお願いします。

  • the845t
  • ベストアンサー率33% (246/743)
回答No.1

JavaScriptを使えば可能ですが、 当然JavaScriptを使用しない人には使えない。 検索すると見つかると思います。

KODAMAR
質問者

お礼

回答ありがとうございます。 JavaScriptを使用すればできるのですか? 検索してみたいと思います。 ありがとうございました。

関連するQ&A

  • ページを読み込み直さずに、selectタグの中身を切り替える方法は?

    ページを読み込み直さずに、selectタグの中身を切り替える方法は? ANA(http://www.ana.co.jp)のトップページの左側にある航空券の検索フォームで、 搭乗日の「月」を変更すると、自動的に「日」のフォーム内容がその月に合ったもの に変更されるのですが、これはどのような技術を使っているのでしょうか? ページを読み込みなおす事無く、selectタグの中身が切り替わっています。 ソースを見ても、JavaScriptのonchangeも使っておらず、「月」を選択した際に、 まずどのように動作してるかすら分かりませんでした。 ANAと全く同じやり方でなくても構いませんので、どのようにこの処理を実現 させているのかをご教示下さい。 JavaScriptなのかその他の言語なのかも不明だったので、HTMLのカテゴリで 質問させていただきました。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • タグで表示されるプログラムに関して

    JavaScriptというか、HTMLというか、 タグで記述されるプログラムの類を、 感覚的に理解しようと取組んでいるのですが、 どうも頭に入ってこず悩んでおります。 アクセスなどで、フォームを作成してそこに ボタンやフィールドを載せて・・・という具合の プログラムはイメージ(理解/体得)できているのですが HTMLで、要はタグで表示されていて、 それが実際に動かすとフォーム(というかWEBページ)というか、 どうやって、そういうものになったりするのが いまいちピンと来ないのです。 (あとCSSとかも・・・) なにか、よい学習方法はありますでしょうか。 何卒アドバイスをお願いいたします。

  • <textarea>に<pre>を使うと・・・

    質問お願いします。 htmlとcgi等を使用してHPを作っているのですが、その中にtextareaを利用して、 投稿フォームを設けています。投稿したものは、違うページで閲覧できるようになっています。 この投稿フォーム、wordやexcelから文章をコピぺして使用する方が多いのですが、 そのままでは<P>タグが挿入されてしまい、閲覧時、文章間隔が広くなりすぎて見難いため、 投稿フォームを、<textarea><pre></pre></textarea>とし、受信時、cgiで<P>タグを削除しています。 レイアウトはこれで問題ないのですが、textarea内に<pre>タグを入れてしまうと、 textareaの横幅をオーバーして書き込めてしまうという事態が起こってしまいました。 そこで質問なのですが、textarea内に<pre>を入れても、文字入力が端まで行ったら、 次の行に折り返す方法はないでしょうか? わかる方いらっしゃいましたら、ご教授の程よろしくお願いします。

    • ベストアンサー
    • HTML
  • TextAreaとScrollBarのコンポーネントについて

    ドキュメント内のボタンが始めは可動せず、そのドキュメント内にあるTextAreaが一番下まで来た時に初めてボタンが可動する仕組みを作りたいのですが、どなたか知恵をお貸しいただけないでしょうか? イメージ的にはネットの同意書を一番下までスクロールしたら「同意する」ボタンが可動するようなものです。 詳しく説明させていただきます。 僕が出来たところは,TextAreaにUIscrollBarを組み合わせて、HTMLでそのTextAreaの中身の文章は作りました。そしてUIscrollBarで中身がスクロールする仕組みが出来たのですが、それとTextArea外のボタンの組み合わせがわかりません。つまり、 「TextArea内の文章が一番下までスクロールしたらTextArea外のボタンが可動する」仕組みが知りたいです! どなたか僕に知恵を分けてください。 僕が使っているものは Macromedia Flash8

  • formタグを使ったアンケートページを作るには

     今、ホームページ作成に挑戦中です。そのなかで、アンケートのようなものを設置して、意見を募集するページを作りたいのです。そこで、奮闘した結果、formタグを使って、それらしきものを作ることができました。しかし、私の作ったものだと、電子メールアドレスを持っていない方などからは、アンケートの内容を送信することができません。何とかして、この、アンケートページなるものを完成させたいです。 ★★どのようにタグを使えばよいか教えてください。★★ また、「htmlでは、それは不可能」と、わかる方は、どうすれば一番簡単にできるか、教えてください。できれば、そのやり方も一緒にお願いします。

    • ベストアンサー
    • HTML
  • Flashを埋め込んだページから、Titleタグの情報とURLの取得について

    Flashのボタンを押せば、そのFlashを設置してあるページの Titleタグの中身と、設置してあるURLを取得し、PHPでメール送信 できるようなことは可能でしょうか? メール送信はともかく、情報の取得で悩んでいます。 宜しくお願いします。

    • ベストアンサー
    • Flash
  • タグについて。。。。

    ホームページを作り中なんですが、、、 ページを2つに分ける方法がわかりません。。。。。 色々なサイトのタグをコピペしたりしてるんですけど、、 何もならないんです。。。。。。 初心者なのでタグのこととかあまり分からないです。。。 お願いします。。。。

  • iframeタグを使わないでHTMLページからPHPを読み込むには

    iframeタグを使わないでHTMLページからPHPでできたアンケートフォームを読み込むにはどのようにすればよいでしょうか? objectタグにて代替することが記載されたサイトを見たのですが、PHPを読み込むにはどうすれば良いのかがわかりません。 objectタグ内のtype="???"の?の部分にはPHPだと何が入るのかがわかりません。 そもそもこれでは無理なのでしょうか?

    • ベストアンサー
    • HTML
  • HTMLタグ教えて!

    HTMLタグ教えて! フォームにURLを入力してボタンを押すと、入力したURLにジャンプすると、いうことがしたいのですが どうすればいいかわかりません。知っていたりしたら教えてください。

  • HTMLフォーム。ページを開いたとき、任意の textarea に自動

    HTMLフォーム。ページを開いたとき、任意の textarea に自動的に入力カーソルを位置させたいが?  いつもご丁寧な回答をありがとうございます。  HTML でフォーム(質問コーナー)を作っています。そのページを開いたとき、入力カーソルが自動的に、任意の textarea に位置するようにプログラムしたいです。  どのようにすれば可能でしょうか。  教えてください。お願いします。

    • ベストアンサー
    • HTML

専門家に質問してみよう