入力内容を別のHTMLのテキストボックスに反映

0   名前： bigi ： 2006/08/28（月） 18:09
フレームを用いたホームページで、左右のフレームに同じ内容のフォーム（入力エリア）があるとします。左側のウィンドウのフォーム（テキストボックス）に入力された内容を、逐一、右側のフォームに反映されるようなJavascriptをご教授できますか？右側の入力エリアはINPUT TYPE=\"text\"で直接入力も可能にしたいです。宜しく御願い致します。
1   名前： GS-High ： 2006/08/28（月） 18:09
コードもなくて、全部書いてくれという質問でしょうか。
どこまでやってどこができないのか、という論点をはっきりさせた
方がお互い時間の節約になると思うのですが。
あいまいな質問にはあいまいな回答しかつかない、これが原則で
はと思います。
おやりになりたいことはフレーム間の参照ですから単純なことです。
しかし、全部タグを書き起こすのが面倒なので私はパスです。

2   名前： bigi ： 2006/08/28（月） 18:09
早速のご指導ありがとう御座います。
下記の通り"com" に入力された内容を"head"に反映させたいのですが・・
宜しく御願い致します。
############左側のフレーム###################

<TITLE></TITLE>
</HEAD>
<BODY>
<P><TEXTAREA name="com" tabindex="1" cols="45" rows="1"></TEXTAREA></P>
</BODY>
</HTML>

############右側のフレーム########################

<TITLE></TITLE>
</HEAD>
<BODY><INPUT TYPE="text" NAME="head" SIZE="45" VALUE=""></BODY>
</HTML>
3   名前： bigi ： 2006/08/28（月） 18:09
追加です。"submit"入力確認へをクリックすると右側に反映するようにしたいです。
宜しく御願い致します。

############左側のフレーム###################

<TITLE></TITLE>
</HEAD>
<BODY>
<P><TEXTAREA name="com" tabindex="1" cols="45" rows="1"></TEXTAREA></P>
<P><BR>
<INPUT TYPE="submit" VALUE="入力確認へ">
<BR>
</P>

</BODY>
</HTML>
4   名前： m035 ◆Wpzr1YKOiq ： 2006/08/28（月） 18:09  ［URL］  ID:iuqdS2UA
>>1の
>どこまでやってどこができないのか、という論点をはっきりさせた
方がお互い時間の節約になると思うのですが。
という部分を読みましたか？
つまり、間違っていたとしても、JavaScriptのソースも書いてもらわないと、どこがわからないのか伝わりません。

ヒント：
window.parentやwindow.topから別のフレームが参照できます。
5   名前： bigi ： 2006/08/28（月） 18:09
m035様へ返信が遅くなり申し訳ありません。
素晴らしいヒントを有難う御座いました。
そして素晴らしい例文を提供して頂きありがとう御座います。
理解でき思い通りになったのですが、次々にやりたいことが生まれてきました。
ふたつのテキストボックスに入力をして受け入れ先も二つ用意しました。
それぞれに入力を反映させたいのですが・・・

左側の①name=cont を右側①name=rcontへ
左側の②name=data を右側②name=rdataへです。
宜しく御願い致します。
*引数に渡すデータを指定すれば、いくつでも任意のデータを他フレームに渡すことができます～
どうも分かるようでどうしても解決できないのですが
############左側のフレーム###################

<script language="JavaScript"><!--
function sendData()
{
text = document.myFORM.cont.value;

parent.rightFrame.addData(text);
}
// --></script>

</HEAD>
<BODY>
<FORM name="myFORM">①<BR>
<input type="text" name="cont"><br>
②<BR>
<input type="text" name="data"><br>
</FORM>
<input type="button" value="受渡し" onClick="sendData()"></BODY>
</HTML>
############右側のフレーム########################
<script language="JavaScript"><!--
function addData(txt)
{
fTxt = document.myFORM.rcont.value;
fTxt = fTxt + txt + "\n";
document.myFORM.rcont.value = fTxt;
}
// --></script>

</HEAD>
<body>
<P>①</P>
<FORM name="myFORM">
<textarea name="rcont" cols="40" rows="5"></textarea>
<br>
<P>②</P>

<textarea name="rdata" cols="40" rows="5"></textarea></FORM>
</body>
</HTML>
6   名前： m035 ◆Wpzr1YKOiq ： 2006/08/28（月） 18:09  ［URL］  ID:iuqdS2UA
<script language="JavaScript">
は
<script type="text/javascript">
にしてください。
また、左側のsendData()は
function sendData(){
parent.rightFrame.addData(document.myFORM.cont.value,document.myFORM.data.value);
}

に変更し、
右側のaddData()は
function addData(txtA,txtB){
document.myFORM.rcont.value+="\n"+txtA;
document.myFORM.rdata.value+="\n"+txtB;
}

にすれば出来ます。
つまり、
・別フレームの関数を呼び出すときに引数を2つ渡せること
・テキストの追加に+=が使えること
を知らなかったということですね。
7   名前： bigi ： 2006/08/28（月） 18:09
m35様、本当にありがとう御座います。
ど素人がJavaに挑戦すること自体無謀かと思っていたのですが、
適切に受け答えして頂き感謝しています。
早速　書きこんで見ます。
8   名前： ネス家deチャチャチャ ： 2006/08/28（月） 18:09
あの～、あとから追っかけるようですいません。
コード以前に、JavaとJavaScriptを区別するようにしてください。
これ、ものの分かっている人にはヒジョーに不愉快なことで。
私などはそのフレーズを見ただけで回答する気にならなくなります。
今後、よい回答を得るためにはぜひJavaScriptをJavaとけっして
言わないように、老婆心ながらご忠告申し上げます。
もう一度いいますが、これって、ヒジョーに不愉快です。
9   名前： bigi ： 2006/08/28（月） 18:09
ネス家deチャチャチャ 様
不愉快な思いをさせてしまい申し訳ありません。
勉強不足でした・・・
何もかも分からない事だらけなのでこれからも質問させて頂くことが多いと思います。
今後とも宜しく御願い致します。
10   名前： プッ ： 2006/08/28（月） 18:09  ID:Oe1u2KeX
>>ネス家deチャチャチャ

それを己が優秀である事のアピールする材料にしてる勘違い君ﾊｹｰﾝｗ

まだいたんだな、「見てる人間を一番不愉快にさせてるのが自分だ」って気づかない奴ｗ
JAVAをその辺のスクリプトと一緒にするなっていいたいんだろ？
だったら「JavaScriptとJAVAは違うよ」とだけ書きゃいいのに、一言余計なんだよ。

何でも自分の頭が基準だから相手のレベルに合わせた会話ができない。
だから若い技術者を育てられないし、客ともマトモな話ができない。

頼むから、プロジェクトでケツまくるのだけはヤメてくれよなｗｗ
一覧へ戻る