ベストアンサー

HTMLの内容をテキストエリアに表示する

2006/11/05 20:58

いつもお世話になっています。タイトル通りなのですが a.htmlというファイルにたとえば「あいうえお」という日本語が記述されているとします(ブラウザで表示するとあいうえおが表示される）そして何かボタンをクリックするとb.htmlのサブウィンドウが表示されそのページにあるテキストエリアに「あいうえお」が表示されテキストエリア内の文字列を編集しボタンをクリックすると a.htmlの内容が一時的でも更新されるようにしたいと思っています。このような動作をjavascriptのみで行うことは可能でしょうか？感覚的には掲示板で書き込んだ内容を修正するときのようなものです。ｊｓｐで似たような動作をするものを作成しましたがサーバーを介さずにそのような動作をさせたいと思っていますが不可能でしょうか？ b.htmlで編集した内容がa.htmlに保存されなくてもかまいません。そのときだけでも変化していればいいのです。言葉が足らずわかりにくいと思うのですが何卒よろしくお願いします。

noahlife
お礼率44% (37/84)

JavaScript
回答数2
ありがとう数2

みんなの回答 （2）
専門家の回答

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

ベストアンサー

foreach
ベストアンサー率51% (43/84)

2006/11/05 21:45 回答No.2

結論を先に書きますがJavaScriptのみで実装出来ます。まず、a.htmlの「あいうえお」が記載されている箇所をDIVタグ（idをつける）で囲みます。 b.htmlを開いた際に、呼び出し元（親）のDIVタグ内のHTMLを参照します。具体的に書くとb.html側で parent.document.getElementById('*id名*').innerHTML と書いてあげれば、a.htmlのDIV内を参照することが可能です。 b.htmlのonload等でb側のテキストエリアに代入してあげれば理想通りになるかと。 b.htmlで編集した内容をa.htmlに戻す方法も手順を逆にするだけです。 b.htmlの更新ボタンをクリックされたら閉じる前にa.htmlのDIV内を変更してあげればOKでしょう。

質問者