お世話になります。
AというWEBページ
textarea-1 textarea-2
textarea-3 textarea-4
「ボタン」

上記のtextarea4つの内容を「ボタン」を押したらそっくり
BというWEBページのテキストエリアにペーストするにはどうしたらいいでしょうか。
textarea-1 textarea-2
textarea-3 textarea-4

このQ&Aに関連する最新のQ&A

A 回答 (2件)

こんな感じですかねー。


PageAのボタンを押すと、別に開いてあるPageB(親子関係無し)のTextArea3にPageAのTextArea1のデータが入ります。
あとはこれを改良してみてください。

-PageA--------------------------------------------------------------------------------------
<html>
<head>
<title>Untitled Page</title>
<script language="javascript" type="text/javascript">
function Button1_onclick() {
var win = window.open("", "page2");
var objTextarea = win.document.getElementsByName('TextArea3')[0];
var objTextarea2 = document.getElementsByName('TextArea1')[0];
objTextarea.value = objTextarea2.value;
}
</script>
</head>
<body>
<textarea id="TextArea1" cols="20" rows="2"></textarea>
<textarea id="TextArea2" cols="20" rows="2"></textarea>
<br />
<input id="Button1" type="button" value="button" onclick="return Button1_onclick()" />
</body>
</html>


-PageB--------------------------------------------------------------------------------------
<html>
<head>
<title>Untitled Page</title>
<script language="javascript" type="text/javascript">

function body_onLoad() {
window.name="page2";
confirm(window.name);
}

</script>
</head>
<body onload="return body_onLoad()">
<textarea id="TextArea3" cols="20" rows="2"></textarea>
<textarea id="TextArea4" cols="20" rows="2"></textarea>
</body>
</html>
    • good
    • 0
この回答へのお礼

大変ご親切にご回答いただき、誠にありがとうございました。
参考にさせていただきます。

お礼日時:2009/11/16 10:22

ちょっと改造して、AページとBページの親子関係が有る場合のサンプル


Bページは予め開いてなくても良いけど、Aページは閉じちゃだめのパターンです。
(Aページ)======
<script type="text/javascript">
<!--
var win;
function Button1_onclick() {
win = window.open("http://xxxx/Bページ.htm");
}
// -->
</script>
</head>
<body>
<textarea name="TextArea1" cols="20" rows="2"></textarea>
<textarea name="TextArea2" cols="20" rows="2"></textarea>
<br />
<input id="Button1" type="button" value="openで開く" onclick="Button1_onclick();" />
<br><a href="http://xxxx/Bページ.htm" target="_blank">リンクで開く</a>
</body>
</html>
(Bページ)======
<script type="text/javascript">
<!--
window.onload = function () {
var moto=(window.opener)?window.opener.document.location : window.document.referrer;
if(moto=='http://xxxx/Aページ.htm'){
document.getElementsByName('TextArea3')[0].value
=(window.opener)?window.opener.document.getElementsByName('TextArea1')[0].value:
document.referrer.window.document.getElementsByName('TextArea1')[0].value;
document.getElementsByName('TextArea4')[0].value
=(window.opener)?window.opener.document.getElementsByName('TextArea2')[0].value:
document.referrer.window.document.getElementsByName('TextArea2')[0].value;
}
}
// -->
</script>
</head>
<body>
<textarea name="TextArea3" cols="20" rows="2"></textarea>
<textarea name="TextArea4" cols="20" rows="2"></textarea>
</body>
</html>
    • good
    • 0
この回答へのお礼

大変ご親切にご回答いただき、誠にありがとうございました。
参考にさせていただきます。

お礼日時:2009/11/16 10:23

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qフォームで入力した値を別のフォームにコピーする

はじめまして!

javascriptでフォームAに入力した内容を
ボタンが押されたら同一ページのフォームBに
ペーストされるscriptを作りたいのですが
そういったスクリプトを公開しているものがあれば
教えていただきたいです。よろしくお願いいたします。

やりたい事:

[フォームA]---------------------
 お名前:テキスト
 性別:ラジオボタン
 趣味:セレクトボックス
 コメント:テキストエリア

 [コピーボタン]←内容をコピーするボタン
--------------------------------

↓コピーボタンが押されたら↓

[フォームB]---------------------
 お名前:テキスト
 性別:ラジオボタン
 趣味:セレクトボックス
 コメント:テキストエリア
--------------------------------
Aフォームに入力した内容Bフォームに反映される

よろしくお願いいたします。

Aベストアンサー

<html>
<body>
<form id="a">
<input type="text" value="osiete goo"><br>
<input type="radio" value="m" name="sex">男
<input type="radio" value="w" name="sex" checked>女<br>
<select>
<option value="0">子供の遊び</option>
<option value="1" selected>大人の遊び</option>
</select><br>
<textarea>あぁ~</textarea>
<input type="button" value="copy" onclick="copyFormValue(this.form,'b')">
</form>
<form id="b">
<input type="text" value=""><br>
<input type="radio" value="m" name="sex">男
<input type="radio" value="w" name="sex">女<br>
<select>
<option value="0">子供の遊び</option>
<option value="1">大人の遊び</option>
</select><br>
<textarea></textarea>
</form>
<script>
function copyFormValue(moto,sore){
var om=moto.elements;
var os=document.getElementById(sore).elements;
for(var i=0,m=om.length;i<m;i++){
var f=om[i].type;
if(f!='button') if(f!=os[i].type) { alert('ちがう');return;}
switch(f){
case 'text': case 'textarea': case 'hidden': os[i].value=om[i].value;break;
case 'checkbox': case 'radio': os[i].checked=om[i].checked; break;
case 'select-one': os[i].options[om[i].selectedIndex].selected=true;
}
}
}

</script>
</body>
</html>
selectのマルチには未対応
フォームはまったく同じ順序であること

<html>
<body>
<form id="a">
<input type="text" value="osiete goo"><br>
<input type="radio" value="m" name="sex">男
<input type="radio" value="w" name="sex" checked>女<br>
<select>
<option value="0">子供の遊び</option>
<option value="1" selected>大人の遊び</option>
</select><br>
<textarea>あぁ~</textarea>
<input type="button" value="copy" onclick="copyFormValue(this.form,'b')">
</form>
<form id="b">
<input type="text" value=""><br>
<input type="radio" value=...続きを読む


人気Q&Aランキング

おすすめ情報