締切済み

ボタンクリックで別フレームに文字表示する方法

2013/05/03 13:07

Javascriptでチェックボックスにチェックを入れた時、別フレームのテキストエリアに文字を記入するよう以下のif分を使っています。 if(document.○○.○○.checked == true) { objTextarea.value += ○○ } これをチェックボックスではなくてbuttonをクリックする事で、テキストエリアに文字を記入するように変更したいのですが、 checked == trueの部分を書き換えれば出来るのかと思い、いろいろ試してみましたが上手く出来ません。また、「A」と「B」のボタンがあるとすると、「A」を押して文字を表示した後、「B」を押すと「A」の文字がテキストエリアから消えるようにしたいのですが、どのように記載すればいいか教えていただけませんでしょうか？

shuffleeco
お礼率34% (22/64)

JavaScript
回答数1
ありがとう数0

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

みんなの回答

b0a0a
ベストアンサー率49% (156/313)

2013/05/27 00:00 回答No.1

クリックされたら何かをするのような処理は JavaScript初級から中級の非常に大きなポイントであり、いろいろやり方がありますこのような漠然とした質問に対して本当にきちんと解説しようと思ったら入門書を作れるくらいの人が入門書を作るくらいの気力をかけないといけません例えるなら x^2+3x+2=0 はどうしたら解けますか？と聞かれたら途中式を挙げるだけですみますが二次方程式はどうしたら解けますか？と聞かれたらどこからどう説明していいのか困るのと同じです解の公式を教える手もありますが中学生が最初から解の公式を習わないのと同じで、物事には段階があるのです逆にそういったことは入門サイトや入門書を見ていると早いうちに絶対に出てきますから焦らずに入門の項目をこなしていけばきっとわかりますその項目を終えたあと、具体的にわからないことがあれば具体的なソースで質問してください

関連するQ&A

リンククリックで文字列を他のフレームへ
リンクをクリックすると他のフレームにテキストを渡したい。現状はボタンクリックで渡しています。渡す文字は<SCRIPT language=JavaScript>の部分に書かず、リンクの場所においておきたい。 (例） <A HREF="">東京</A> <A HREF="">大阪</A> <A HREF="">名古屋</A> この文字の部分に東京の名物、大阪の名物、名古屋の名物などのテキストを含ませておき、そことクリックすると別のフレームのテキストボックスに入るようにしたい。＃どうか、アドバイスを。 <form action="javascript:void(1)" onsubmit="return false;"> <p><input type=text name=Title value="やっほ"> <input type=button onclick="parent.Frame3.document.fm1.Title.value=this.form.Title.value;" value="←コピー">
- ベストアンサー
- JavaScript
チェックボックスのチェックについて
チェックボックスが２つあります。一つが選択されたらテキストボックスが入力可能にしてあります。Ａを選択すると、Ｂのチェックが外れる、反対の場合も同じようにしたいのですが、下記のように書きましたがうまくいきません。解決方法が分かられる方、教えて下さい。 *********************************************** function Change(){ if(document.myForm.chkB.checked ==true{ document.myForm.TxtA.disabled = true; document.myForm.chkA.checked = false; } else { document.myForm.TxtA.disabled = false; document.myForm.chkA.checked = true; } } ***********************************************
- 締切済み
- JavaScript
チェックボックスの連動でJavaScriptの記述を短くしたい。
【あ】、【い】という項目があり、それぞれの項目内にA、Bというチェック項目があります。【あ】項目のAにチェックを入れると【い】のAにもチェックが入るように作りました。以下のソースでもなんとか動くのですが、【あ】、【い】という項目が増える事とA、Bというチェック項目が増えることが判り、JavaScriptのソースを少しでも短くしたいのですが、なにか好い方法がございましたらお教え頂ければ幸です。 /************参考ソースです*****************/ <html> <head> <title>無題ドキュメント</title> <script> function check_a(){ if(document.form.a.checked==true) { document.form.a.checked=true; document.form.b.checked=false; document.form.aa.checked=true; document.form.bb.checked=false; } } function check_b(){ if(document.form.b.checked==true) { document.form.a.checked=false; document.form.b.checked=true; document.form.aa.checked=false; document.form.bb.checked=true; } } function check_aa(){ if(document.form.aa.checked==true) { document.form.a.checked=true; document.form.b.checked=false; document.form.aa.checked=true; document.form.bb.checked=false; } } function check_bb(){ if(document.form.bb.checked==true) { document.form.a.checked=false; document.form.b.checked=true; document.form.aa.checked=false; document.form.bb.checked=true; } } </script> </head> <body> <form name="form"> 項目【あ】 <input type="checkbox" name="a" onclick="check_a()"> A<BR> <input type="checkbox" name="b" onclick="check_b()"> B<BR> <br /> 項目【い】 <input type="checkbox" name="aa" onclick="check_aa()"> A<BR> <input type="checkbox" name="bb" onclick="check_bb()"> B<BR> <br /> </form> </body> </html> /*************************/ 何卒、宜しくお願い申上げます。m(_ _)m
- ベストアンサー
- JavaScript
結果がfalseでもsubmitしている？
チェックボックスにチェックが入ったらテキストエリアに入力ができて、その入力チェックをするというスクリプトを書いていたのですが、一番目のチェックボックスにチェックが入ったら入力可能というところは出来るのですが入力チェックで結果がfalseになっているのに submitされてしまいます。どこか間違っているのでしょうか。 <html> <SCRIPT language="javascript">  </SCRIPT> <FORM name="DOWN" action="A.cgi" onSubmit="check()" method="POST"> <INPUT type="checkbox" name="A_CK" id="A_CK" onClick="Yuukou()"> <INPUT size="20" type="text" disabled="disabled" name="A_SEL"> <input type="submit"> </form> </html>
- ベストアンサー
- JavaScript
ボタンをクリックするとテキストエリアに文字が表示される。
はじめまして下記内容のJavaScriptを見つけたのですがこれをどうにか違うものにしたいのです。 <html> <head> <TITLE>テキストエリアに複数項表示する</TITLE> <script language="JavaScript"></script> </head> <body> <form name="myFORM"> <textarea name="myTEXT"rows="10"></textarea><br> <input type="button"value="複数行表示"onClick="setChars()"> </form> </body> </html> ------------------------------------------------ 例えば（月・火・水・木）とそれぞれのボタンがあるとします。そのボタンを押すと、複数行テキストへ月曜→○○○○ 火曜→○○○○ 水曜→○○○○ 木曜→○○○○ というように、表示させたいのです。また、複数行テキストに入力された文字が消えず改行されて表示させたいのです。自分でもいろいろと試してみたのですが、頭が悪く、全く思ったようにできません。お忙しいところ大変申し訳ありませんが、上記に記載した内容のスクリプトはありますでしょうか。ご返答いただけると幸いです。
- ベストアンサー
- JavaScript
ラジオボタンの選択項目によってコメントを表示する方法
ラジオボタンの「Yes・No」にチェックすると、チェックした項目別に欄外にコメントを表示するページを作成しました。初心者のため、Q1～Q15までcheckの方法を延々と書いたのですが、もっと簡単に書く方法はありますでしょうか？参考にQ1・Q2の分を掲載させていただきます。ぜひ、教えてください。よろしくお願いいたします。 <SCRIPT language="JavaScript">  </SCRIPT> <INPUT type="radio" name="q1"> Yes　<INPUT type="radio" name="q1"> No <INPUT size="41" type="text" name="q1com"> <INPUT type="radio" name="q2"> Yes　<INPUT type="radio" name="q2"> No <INPUT size="44" type="text" name="q2com"> <INPUT type="button" value="　診断ボタン " onclick="check();>
- ベストアンサー
- JavaScript
javascriptにフェードインを追加したい。
下記のjavascriptに、フェードイン効果を追加するにはどうすればいいでしょうか？現在は、クリックで、テキストが切り替わる仕様になっているんですが、これにフェードイン、フェードアウトの機能を付け加えたいです。また、切り替わった際に下記のようにCSSの.actveをclass=""に追加させたいのですが、どうすれば可能でしょうか？目的は、アクティブになったボタンの背景を変更したい為です。 <div class="button actve"><a href="#" onclick="checkd1();return ChDsp2('text1','textALL');">ボタン１</a></div> 【javascript】 function ChDsp2(strShow,classHidden){ var tags=document.getElementsByTagName("div"); for(var i=0;i<tags.length;i++){ if(tags[i].className.match('textALL')){ tags[i].className=tags[i].className.replace(/hide/,"").replace(/^\s+|\s+$/,""); if(tags[i]!=document.getElementById(strShow)) tags[i].className+=' hide'; } } return false; } function checkd1(){ document.FORM.CHECK1.checked=true document.FORM.CHECK2.checked=false document.FORM.CHECK3.checked=false } function checkd2(){ document.FORM.CHECK1.checked=false document.FORM.CHECK2.checked=true document.FORM.CHECK3.checked=false } function checkd3(){ document.FORM.CHECK1.checked=false document.FORM.CHECK2.checked=false document.FORM.CHECK3.checked=true } function change(c) { var f = c.checked, btn = c.form.elements['btn1']; btn.disabled = f?false:true; f = f?'sozai/button_2.jpg':'sozai/button_1.jpg'; btn.style.backgroundImage = 'url(' + f + ')'; } 【HTML】 <div class="button"><a href="#" onclick="checkd1();return ChDsp2('text1','textALL');">ボタン１</a></div> <div class="button"><a href="#" onclick="checkd2();return ChDsp2('text2','textALL');">ボタン２</a></div> <div class="button"><a href="#" onclick="checkd3();return ChDsp2('text3','textALL');">ボタン３</a></div> <div class="clear"> </div> <div class="area"> <form name="FORM"> <div id="text1" class="textALL"> その１、ここは最初に表示されています。 </div> <div id="text2" class="textALL hide"> その２、ここはボタン２をクリックで表示されます。 </div> <div id="text3" class="textALL hide"> その２、ここはボタン３をクリックで表示されます。 </div> </form> </div> 上記は、以前頂いたプログラムをわかる範囲で改造したものなのですが、限界を感じまして、どなたか教えて頂けたら助かります。宜しくお願いします。
- ベストアンサー
- JavaScript
チェックを入れて文字を表示する
javascript初心者です。あつかましい質問で申し訳ありません。他のページのサンプルを参考にしてチェックを入れた時はにチェックを入れると文字が表示されるチェックボックスを作成しました。更にチェックはひとつしか出来ないというjavascriptも拾ってきて組み合わせたのですが、チェックを付けてとなりにチェックを入れた時はじめに表示された文字が消えません。教えてください。 <script type="text/javascript"> var before = null; function test(e) { var tgt = e.srcElement ? e.srcElement: e.target; if (before == tgt && tgt.checkd == true) { tgt.checked = true; } else { var chks = document.getElementsByName('chkgroup'); for (var i = 0; i < chks.length; i++) { if (chks[i] != tgt) chks[i].checked = false; } } before = tgt; }  </script> <title>sample</title> <body> <form id="SAMPLE" action="#" onclick="test(event);"> <label for="chk1"><input name="chkgroup" id="chk1" type="checkbox" value="0">Item1</label> <label for="chk2"><input name="chkgroup" id="chk2" type="checkbox" value="1">Item2</label> <label for="chk3"><input name="chkgroup" id="chk3" type="checkbox" value="2">Item3</label> </form> <p id="result">ここに表示されます。</p> </body>
- 締切済み
- JavaScript
フォームに表示される文字をセンタリングさせたい。
Javascriptの初心者です。宜しくお願いします。テキストエリアが2つあったとします。 1のテキストエリアにある値を入力してボタンを押すと、 2のテキストエリアに1で入力した値をそのまま表示させ、尚且つ表示された値をフォーム内でセンタリングさせたいのですがどうすればよいのかわかりません・・・。ご存知の方がいらっしゃいましたら教えて下さい。どうぞ宜しくお願い致します。 <html> <head> <script language="JavaScript">  </script> </head> <body> <form name="form1"> <input type="texterea" name="text1"> <input type="texterea" name="text2"> <input type="button" value="CLICK!" onClick="my1()"> </form> </body> </html>
- 締切済み
- JavaScript
javascriptでラジオボタンのが変更できない
javascriptを勉強中なのですが練習で下記のような麻雀の計算をしてくれるサイトを作ってみましたがうまく反応しません。 http://tegarude.sakura.ne.jp/mafu/form.html できない点は、例えば、ロンの項目で面前のチェックの時、ツモの項目にいいえが入りますが、その後、ツモの項目で平和のチェックをいれようとしてもチェックが入りません。 javascriptで操作するようにしたのですがどうもうまくいきません。単純なこと簡単なことなのかもしれませんがどなたかご教授願えませんでしょうか？ソースコードが長いのでjavascriptの記述のみ載せています。サンプルのURLを参考にして下さい。 function on(){ //ロン・ツモ・待ち・雀頭の値を取得 function mjk01(m1,m2){ for (j=0; j<m1.length; j++){ if(m1[j].checked){ m2.innerHTML=m1[j].value; } } } mjk01(document.form1.radio2,document.getElementById("a00")); mjk01(document.form1.radio3,document.getElementById("a01")); mjk01(document.form1.radio4,document.getElementById("a02")); mjk01(document.form1.radio5,document.getElementById("a03")); //formプロパティの省略 formt=document.form1; //ロン項目設定 if(formt.radio2[0].checked){ formt.radio3[3].checked=true; formt.radio7[0].checked=true; formt.radio9[0].checked=true; formt.radio11[0].checked=true; formt.radio13[0].checked=true; } if(formt.radio2[1].checked){ formt.radio3[3].checked=true; formt.radio4[0].checked=true; formt.radio5[2].checked=true; formt.radio6[0].checked=true; formt.radio8[0].checked=true; formt.radio10[0].checked=true; formt.radio12[0].checked=true; } if(formt.radio2[2].checked){ formt.radio3[3].checked=true; } //ツモ項目設定 if(formt.radio3[0].checked){ formt.radio2[3].checked=true; formt.radio4[0].checked=true; formt.radio5[2].checked=true; formt.radio6[0].checked=true; formt.radio8[0].checked=true; formt.radio10[0].checked=true; formt.radio12[0].checked=true; } if(formt.radio3[1].checked){ formt.radio2[3].checked=true; formt.radio4[0].checked=true; formt.radio5[2].checked=true; } if(formt.radio3[2].checked){ formt.radio2[3].checked=true; } //面子の設定 function mentsu(m1,m2,m3){ if(m1[0].checked){ m2[1].value=4; m2[2].value=16; m2[3].value=8; m2[4].value=32; } if(m1[1].checked){ m2[1].value=2; m2[2].value=8; m2[3].value=4; m2[4].value=16; } for(i=0; i<m2.length; i++){ if(m2[i].checked){ m3.innerHTML=m2[i].value; } } } mentsu(document.form1.radio7,document.form1.radio6,document.getElementById("a04")); mentsu(document.form1.radio9,document.form1.radio8,document.getElementById("a05")); mentsu(document.form1.radio11,document.form1.radio10,document.getElementById("a06")); mentsu(document.form1.radio13,document.form1.radio12,document.getElementById("a07")); //小計をすべて数字に変換 num0=document.getElementById("a00").innerHTML; num1=document.getElementById("a01").innerHTML; num2=document.getElementById("a02").innerHTML; num3=document.getElementById("a03").innerHTML; num4=document.getElementById("a04").innerHTML; num5=document.getElementById("a05").innerHTML; num6=document.getElementById("a06").innerHTML; num7=document.getElementById("a07").innerHTML; num0 = parseFloat(num0); num1 = parseFloat(num1); num2 = parseFloat(num2); num3 = parseFloat(num3); num4 = parseFloat(num4); num5 = parseFloat(num5); num6 = parseFloat(num6); num7 = parseFloat(num7); //総合計の算出 document.getElementById("total").innerHTML=num0+num1+num2+num3+num4+num5+num6+num7; }
- ベストアンサー
- JavaScript

ボタンクリックで別フレームに文字表示する方法

みんなの回答

関連するQ&A

注目のQ&A

カテゴリ
一覧

専門家に質問してみよう
専門家登録

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

ボタンクリックで別フレームに文字表示する方法

みんなの回答

関連するQ&A

注目のQ&A

カテゴリ 一覧

専門家に質問してみよう 専門家登録

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

カテゴリ
一覧

専門家に質問してみよう
専門家登録