JavaScript初心者です。
JavaScriptのwindow.openerを使って、
子ウィンドウから親ウィンドウに値を渡す、
ということをしたいのですが、うまくできません。
実装したい環境はIE6です。。
こちらのページのサンプルにあるソースをそのまま貼り付けてみても動きませんでした。
http://shoyu-ramen23.jugem.jp/?eid=203
ただ、サンプルはこちら、と書いてあるページのものは動きます。
(実際記載されているソースとは違うのではないかと思いますが)
*ちなみにGoogleChromeでも同じ結果でした。ソース自体何か誤りがあるのでしょうか
サンプルのように子ウィンドウにある選択肢を一つクリックすると
その値が親ウィンドウの特定のテキストエリアに渡される
・・というものすらうまくできないのですが、
子ウィンドウでチェックボックス式の選択肢を用意して、
子ウィンドゥ側で「選択」等の決定ボタンが押されたときに、チェックが入っている選択肢の内容が
カンマで区切られて親ウィンドウのテキストエリアに渡される・・・
というものを作成したいのです。
子ウィンドウチェックボックスで、りんごとみかんとバナナにチェックが入っていれば
親ウィンドウのテキストエリアには「りんご,みかん,バナナ」といったふうにです。
こういったものは作成できるものなのでしょうか。
それともJavaScriptでやるようなことではないのでしょうか。
JavaScriptでできる場合どのようにすればよいのでしょうか?
せめてサンプルだけでも動かせるようにしたいです。。
他にもいろいろと試してみましたがどうにも動きません・・
よろしくお願い致します。
No.1
- 回答日時:
<script language="text/javascript">
が間違っています
おぉぉぉぉ!!ありがとうございます!
ご指摘の通り、<script type="text/javascript">
に書き換えたところ、IEで動きました。
とりあえずサンプルを動かすことができたこと、とてもうれしいです。
作りたいプログラムについて、もありますので
もう少し「質問中」にさせていただきますね。
自分でもいろいろやってみます。
道が開けました。ありがとうございます。
No.2ベストアンサー
- 回答日時:
<html>
<head>
<title>子ウィンドウ</title>
<script>
function setFormInput(val){
if(!window.opener || window.opener.closed){
//親ウィンドウが存在しない
window.close();
} else{
//window.openerで親ウィンドウのオブジェクトを操作
window.opener.document.getElementById('title01').innerHTML = val;
window.opener.document.form01.text01.value = val;
window.close();
}
}
function OC(){
var d=document.getElementsByTagName("input")
var a=[]
for(var i=0;i<d.length;++i){
if(d[i].checked){a.push(d[i].nextSibling.textContent)}
}
setFormInput(a.join())
}
</script>
</head>
<body>
好きな果物を選んで下さい。<br>
<input type="checkbox">いちご<br>
<input type="checkbox">りんご<br>
<input type="checkbox">みかん<br>
<input type="button" value="選択" onClick="OC();window.close();return false;">
</body>
</html>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(ソフトウェア) Figma 1 2023/06/23 14:22
- オンラインゲーム pc版fall guysでプロコンが反応しなくなりました。windowsです。プロコンをusb接続す 1 2023/02/14 17:33
- Visual Basic(VBA) 起動中のアプリ、ソフトの取得 3 2022/12/28 11:13
- その他(OS) Windowsで大量の画像サイズを半自動で変更する方法 6 2023/02/17 08:45
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- MySQL MySQL,JavaScript,PHPコードの結果を表示する方法を教えてください。 1 2023/02/13 17:49
- Chrome(クローム) (win10)ショートカットの開き方について 1 2023/02/19 18:55
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript プルダウンから1個選んで、豆知識を出すプログラム。 2 2022/06/21 17:27
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ウィンドウ名の設定
-
javascriptからウィンドウを開...
-
Mac IE でスクリプトエラー
-
入力したテキストボックスのデ...
-
別window最大化javaがIE8だけエ...
-
ページを表示すると同時に複数...
-
<a href="#" …>の意味を教えて...
-
別ファイルのfunctionの読み込み方
-
JavaScriptからVBScriptの呼び...
-
<script>...</script> 要素の内
-
GIFアニメの動きが止まってしま...
-
相対パスと絶対パスの速度
-
SCRIPT5007: 未定義または NULL...
-
bodyにidをつける理由は何ですか?
-
javascript外部読み込みの際の引数
-
cssにjavascriptを入れる?呼び...
-
ホームページ上に『位置固定』...
-
pythonのWebスクレイピングでfi...
-
html メールリンクにて自動ファ...
-
Safariで<iframe>のinnerHTMLを...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
window.openで同画面遷移しない
-
特定のウィンドウ名を持つウィ...
-
ポップアップウィンドウの位置
-
window.open でExcelファイルを...
-
JavaScript <a>タグで開いた画...
-
javascriptからウィンドウを開...
-
入力したテキストボックスのデ...
-
フレーム内から開いたサブウィ...
-
親タブから子タブ開いて親タブ...
-
親ウィンドウから子ウィンドウ...
-
<FORM>タグのtargetに値を書込...
-
openerの関係が崩れてしまった...
-
ウィンドウのフォーカスについて
-
ウィンドウ名の設定
-
window.openで
-
window.open()の複数の使用
-
サブウィンドウから親ウィンド...
-
タイトルバーのウインドを閉じ...
-
Ajaxでウインドウ出力について
-
ページを表示すると同時に複数...
おすすめ情報