人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

javascript 子ウィンドウから親ウィンドウへ子ウィンドウの値を親ウィンドウのフォームのテキストエリアへ値を渡す方法を教えてください。 親ウィンドウのフォームは<form name=”hoge_form”> <textarea name = ”hoge_textarea”>、子ウィンドウではリンクをクリックすると、リンクの値を親のテキストエリアに渡すようにしたいです。

●質問者: peppon
●カテゴリ:コンピュータ
✍キーワード:JavaScript ウィンドウ エリア クリック テキスト
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● andi
●100ポイント

http://a/

openerを使用すればできます。


子ウィンドウのリンクで・・・

<a href=”#” onclick=”opener.hoge_form.hoge_textarea.value=’aaa’>リンク</a>

◎質問者からの返答

ありがとうございます。


2 ● sparituda
●40ポイント

http://www.tagindex.com/javascript/window/sub_to_main.html

JavaScript/ウィンドウ/サブからメインウィンドウを操作する - TAG index

window.openerを参照すれば、子ウィンドウを開いた親ウィンドウがオブジェクトとして取得できます。

oya_win=window.opener;

あとは、親ウィンドウ内のformにアクセスすれば任意の値を設定できます。

oya_win.document.hoge_form.hoge_textarea.value=”子が親に言いたい事は...”;

さて、質問の「リンクの値」の意味する事が解らないのですが、とりあえず、リンクがクリックされたら動作する様に、onclickイベントで任意のテキストを親ウィンドウに書き込む処理を呼び出します。


親ウィンドウ

<html>

<head>

<script type=”text/javascript”>

<!--

function OpenKoWin(){

window.open(”ko.html”,”Kodomo”);

}

-->

</script>

</head>

<body onload=”OpenKoWin()”>

<script type=”text/javascript”>

</script>

</body>

<form name=”hoge_form”>

<textarea name=”hoge_textarea”></TEXTAREA>

</form>

</html>


子ウィンドウ

<html>

<head>

<script type=”text/javascript”>

<!--

var oya_win;


function LoadMsg(){

oya_win = opener.window;

}


function MsgToOya(MsgText){

oya_win.document.hoge_form.hoge_textarea.value=MsgText;

}

-->

</script>

</head>

<body onload=”LoadMsg()”>

<a href=”” onclick=”MsgToOya(’これ買って?’)” >MSG1</a>

<a href=”” onclick=”MsgToOya(’おこずかいちょうだい’)”>MSG2</a>

</body>

</html>

◎質問者からの返答

ありがとうございます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ