二つの関数を一つにまとめることが出来るでしょうか？

2023/07/27 08:33

このQ&Aのポイント

二つの関数を一つにまとめることができるかどうかについて質問があります。
クリックする対象が同じですが、別々に開発されたため、二つの関数になってしまいました。
一つにまとめることができるのでしょうか？

ベストアンサー

二つの関数を一つにまとめることが出来るでしょうか？

2003/01/27 22:59

クリックする対象が同じですが、別々に開発？しましたら二つの関数になってしまいました。一つにまとめることが出来るでしょうか？ http://www.okweb.ne.jp/kotaeru.php3?q=430536 http://www.okweb.ne.jp/kotaeru.php3?qid=456289 を参考にさせていただきました。 <html> <head> <title></title> <script language="JavaScript">  </script> </head> <body onClick="unCheck()"> <table border> <td id="20" name="1" onClick="chk(this)">abc </td></table> <form method="POST" name="form1" action=""> <input type="text" size="10" name="send"><br> <input type="submit" value="送信"> </form> </body> </html> <html> <head> <title></title> <script language="JavaScript">  </script></head> <body onClick="unCheck()"> <table border> <td id="20" name="1" onClick="Exchange('blue','yellow');">abc </td></table> </body> </html>

kapran
お礼率60% (41/68)

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

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

質問者が選んだベストアンサー

ベストアンサー

a-kuma
ベストアンサー率50% (1122/2211)

2003/01/28 00:57 回答No.1

ひとつにまとめる、ってのは、クリックしたら chk() と Exchange() の二つの動作を行いたいってことですよね。まず、一つの方法。イベントハンドラ (onclick に書いてるやつのこと) は、複数書けます。 <td ～ onClick="Exchange('blue','yellow'); chk(this);"> <script> ～ </script> に書いている内容は、このまま <script> をふたつ書いても良いですし、ひとつの <script> の中に、それぞれの内容を書いても良いです。もうひとつは、二つをまとめた関数を書くこと。 <script> function Exchange_and_chk(color1, color2, obj) { 　　Exchange(color1, color2); 　　chk(obj); } </script> <td ～ onClick="Exchange_and_chk('blue', 'yellow', this)"> お好きな方をどうぞ。

質問者

お礼 2003/01/28 07:32

ありがとう御座います。m(_ _)m 希望通りになりました。unCheck()の時、テキストエリアもクリアする必要がありますね。これは、何とかなりそうです。

関連するQ&A

document.form1.～について
クリックしたセルのidとnameを取得するものですが document.form1.send.value = disp_area_all ;のform1を変数に置き換えることは出来るでしょうか？ tableもFORMも沢山あってクリックした場所によって別のFORMで idとnameを取得したいのですが。 <html> <head> <title></title> <script language="JavaScript">  </script> </head> <body> <table border=1><tr> <td onClick="check_event()" STYLE="width:30; height:30; background:#0000ff" id='10' name='1'></td> </tr></table> <FORM method="POST" name='form1' action=""> <input type="text" size=10 name="send"><br> <input type="submit" value="送信"> </FORM> </body> </html>
- ベストアンサー
- JavaScript
クリックした行の背景色の変更
以下のスクリプトは【クリックした行の背景色を変更し、ハイライトさせる】ものです。このスクリプトに追加したい動作があるのですが、なかなかよい方法が思いつきません。 <追加項目> ・表以外でクリックすると行の背景色をやめる。　それと同時にテキストボックスもクリアする。何かよい方法はないでしょうか？ <html> <head> <script> var preEl ; var orgBColor; var orgTColor; function HighLightTR(backColor,textColor,name,ken){ if(typeof(preEl)!='undefined') { preEl.bgColor=orgBColor; try{ChangeTextColor(preEl,orgTColor);}catch(e){;} } var el = event.srcElement; el = el.parentElement; orgBColor = el.bgColor; orgTColor = el.style.color; el.bgColor=backColor; try{ChangeTextColor(el,textColor);}catch(e){;} preEl = el; document.form1.test1.value=name; document.form1.test2.value=ken; } function ChangeTextColor(a_obj,a_color){ ; for (i=0;i<a_obj.cells.length;i++){ a_obj.cells(i).style.color=a_color; } } </script> </head> <body> <table border=1 align=center> <th>氏名</th> <th>住所</th> <tr onClick="HighLightTR('yellow','blue','山田太郎','東京都');" > <td align=right>山田太郎</td> <td align=right>東京都</td> </tr> <tr onClick="HighLightTR('yellow','blue','山本浩二','埼玉県');" > <td align=right>山本浩二</td> <td align=right>埼玉県</td> </tr> </table> <form name="form1" method="post" action=""> <input type="text" name="test1"> <input type="text" name="test2"> </form> </body> </html>
- ベストアンサー
- JavaScript
電卓をつくったのですが
<script type="text/javascript">  </script> </head> <body> <div id="s1"> <div id="s2"> <form name="ad1"> <table> <tr><td colspan="4">電卓</td></tr> <tr><td colspan="3"><input type="text" size="12px" name="z" value="0"></td> <tr> <td><input type="button" name="ad7" value="7" onClick="df(7)"></td> <td><input type="button" name="ad8" value="8" onClick="df(8)"></td> <td><input type="button" name="ad9" value="9" onClick="df(9)"></td> </tr> <tr> <td><input type="button" name="ad6" value="6" onClick="df(6)"></td> <td><input type="button" name="ad5" value="5" onClick="df(5)"></td> <td><input type="button" name="ad4" value="4" onClick="df(4)"></td> </tr> <tr> <td><input type="button" name="ad3" value="3" onClick="df(3)"></td> <td><input type="button" name="ad2" value="2" onClick="df(2)"></td> <td><input type="button" name="ad11" value="1" onClick="df(1)"></td> </tr> <tr> <td><input type="button" name="add1" value="+" onClick="df1(+)"></td> <td><input type="button" name="add2" value="-" onClick="df1(-)"></td> <td><input type="button" name="add3" value="×" onClick="df1(*)"></td> </tr> <tr> <td><input type="button" name="add4" value="÷" onClick="df1(/)"></td> <td><input type="button" name="add5" value="=" onClick="df1(=)"></td> <td><input type="button" name="add6" value="." onClick="df1(.)"></td> <td><input type="button" name="add7" value="c" onClick="df3()"></td> </tr> </table> </form> </div> </div> </body> </html> クリアーは上手くいったんですが計算ができませんでした。どこがいけないのでしょうか？
- ベストアンサー
- JavaScript
getElementByIdではまってます・・・
以下のソースを書いて、Firefoxで実行すると検索ボタンをクリックするとテーブルが表示されるのですがすぐにもとに戻ってしまいます。すいません。初心者です。どなたかご教授ください。言っている意味が分からなかったらすいません。補足します。 HTMLです。 <td style="width:60px;" align="center"><input style="width:60px" type="submit" id="id" name="id" onclick="effectDetailWindow('detailWindow');" value="検索"></td> <div id="detailWindow" style="display:none;"> <table border="1" cellpadding="3" cellspacing="1" bordercolor="#000000" style="width:460px;"> <tr> <td style="width:80px;" class="table_head"> TEST1 </td> <td style="width:150px;"> <input type="text" size="25" maxlength="50" name="searchtest1" value="{$form.searchtest1}"> </td> <td style="width:80px;" class="table_head"> TEST2 </td> <td style="width:150px;"> <input type="text" size="25" maxlength="50" name="searchtest2" value="{$form.searchtest2}"> </td> </tr> </table> </div> JavaScriptです。 function effectDetailWindow(id) { var obj = document.getElementById(id); if( obj.style.display == "none" ) { obj.style.display = "block"; } else { obj.style.display = "none"; } }
- 締切済み
- JavaScript
PHP POSTについて質問です
　　こんにちわ PHP初心者です。今ショッピングカートづくりをしています。そこでピンチなのでご指導お願いいたします。商品を発送する送り先情報を必要な数だけonclickで一件一件増やしもらってその情報を次のページで確認してもらうようにしたいのですが <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> var tbl_cnt = 1; jQuery(document).ready(function($) { $('#add_btn').click(function() { var original = $('#form_set_' + tbl_cnt); tbl_cnt++; $(original).clone().insertAfter(original) .attr('id', 'form_set_' + tbl_cnt) .find('label').each(function(idx, obj) { $(obj).attr('for', $(obj).attr('for').replace(/_[0-9]+$/, '_' + tbl_cnt)); }).end() .find('input').each(function(idx, obj) { $(obj).attr({ 'id' : $(obj).attr('id').replace(/_[0-9]+$/, '_' + tbl_cnt), 'name' : $(obj).attr('name').replace(/_[0-9]+$/, '_' + tbl_cnt) }).val(''); }); }); }); </script> <form action="shop_check.php" method="post"> <table id="form1"> <tbody> <tr> <td><label for="okuriname">氏名</label></td> <td><input type="text" id="okuriname" name="okuriname[$i]"></td> </tr> <tr> <td><label for="okuriemail">email</label></td> <td><input type="text" id="okuriemail" name="okuriemail"></td> </tr> <tr> <td><label for="okuripostal1">郵便番号</label></td> <td><input type="text" id="okuripostal1" name="okuripostal1">-</td> <td><input type="text" id="okuripostal2" name="okuripostal2"></td> </tr> <tr> <td><label for="okuriaddress">住所</label></td> <td><input type="text" id="okuriaddress" name="okuriaddress"></td> </tr> <tr> <td><label for="okuritel">電話番号</label></td> <td><input type="text" id="okuritel" name="okuritel"></td> </tr> </tbody> </table> <input type="button" value="送り先の追加" id="add_btn"><br> <input type="submit" value="送信" name="submit"> </form> この後どのようにしたら次のページで複数の情報を受け取ればいいのでしょうか？（javascriptはweb上にあったものを引用してます。） javascriptの事もわかっていませんなのでお手柔らかにおねがいします。
- ベストアンサー
- PHP
JavaScriptのソースコード教えてください。
JavaScriptで下記はボタンではなく画像でリンク先が出現するソースを実現したいです。 <script type="text/javascript"などでjsファイルを読み込むような感じでもいいです。ここまでがjsファイルでここまでがhtmlと言うように分けて記述してもらえると助かります。 <html> <head> <title>oooのページ</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <script language="javascript">  </script> </head> <body bgcolor="#FFFFFF" text="#000000"> <table width="500" border="0" cellspacing="0" cellpadding="5"> <tr> <td align="center" bgcolor="#999999"><font color="#000000"><b>ご利用規約</b></font></td> </tr> <form name="form1" action="" method="post"> <tr> <td align="center"> <div id=agreement style="width:400px; height:100px; overflow: scroll; border:1px solid gray;" onScroll="Check()"> テキスト<br> テキスト<br> テキスト<br> テキスト<br> テキスト<br> テキスト<br> </div> <input type="button" value="依頼する" name="submit" id="submit1" disabled onClick="next()"> <input type="submit" value="キャンセル" name="submit2" id="submit2"　onclick="history.back()"> </td> </tr> </form> </table> </body> </html>
- ベストアンサー
- JavaScript
TABLEタグ内に入った項目の座標取得について
オブジェクトの座標位置を取得する"offsetTop"はTABLEタグ内のものには使えないとありました。（参考質問URL：http://oshiete1.goo.ne.jp/kotaeru.php3?q=1556067）参考URLの回答例を見ながら、簡単なソースを組んでみたのですが、結果が「0」となってしまい値がとれていません。（TABLEタグにはいっていなければ取得できます）何がいけなくてこうなってしまっているのかわからず、大変悩んでいます。お分かりになられる方、ご教授お願いいたします。 (文字数制限の関係で、インデントがとれてません。みにくくてごめんなさい) <xmp> <html> <head> <script language="JavaScript" type="text/javascript">  </script> </head> <body> <form name="fm_test"> <table name="testTable" border="1" width="150"> <tr> <td align="center"> <input type="text" size="20" name="testText"> <script language="JavaScript" type="text/javascript">  </script> </td> </tr> </table> </form> </body> </html> </xmp>
- ベストアンサー
- JavaScript
jQuery　変数の使い方について
jQuery　変数の使い方について【やりたいこと】ラジオボタンが複数ある為現在のアクションをまとめたい。 ■ $("input:radio[name='radio01']:checked").val(); の'radio01'の部分に変数を使いたい。 ■document.forms["MON"].hradio02.value の"MON"のフォーム名と、「hradio02」name部分に変数を使いたい。 http://kaicoo.blogspot.jp/2012/03/query_30.html 等を参考に元のソースから JSをまとめてみましたが、うまくいきません。 jQuery内の変数の記述方法を教えていただけませんでしょうか？よろしくお願いいたします。 ★JSをまとめたサンプルソース <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <script src="jquery.js"></script> <script type="text/javascript" language="JavaScript">  </script> </head> <body> <table border="1"> <FORM name="MON"> <tr> <td> 結果: </td> <td> <input type="radio" name="radio01" value="良好" onClick="setVal(this);" >良好 <input type="radio" name="radio01" value="不良" onClick="setVal(this);"> 不良 <input type="hidden" name="hradio01" value="未入力です。"> </td> </tr> <tr> <td> 結果2: </td> <td> <input type="radio" name="radio02" value="良好" onClick="setVal(this);" >良好 <input type="radio" name="radio02" value="不良" onClick="setVal(this);"> 不良 <input type="hidden" name="hradio02" value="未入力です。"> </td> </tr> </table> </Form> </body> </html> ★元のソースのサンプル <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <script src="jquery.js"></script> <script type="text/javascript" language="JavaScript">  </script> <script type="text/javascript" language="JavaScript">  </script> </head> <body> <table border="1"> <FORM name="MON"> <tr><td> 結果: </td> <td><input type="radio" name="radio01" value="良好" onClick="setVal_01(this);" >良好 <input type="radio" name="radio01" value="不良" onClick="setVal_01(this);"> 不良 <input type="hidden" name="hradio01" value="未入力です。"> </td> </tr> <tr> <td> 結果2: </td> <td> <input type="radio" name="radio02" value="良好" onClick="setVal_02(this);" >良好 <input type="radio" name="radio02" value="不良" onClick="setVal_02(this);"> 不良 <input type="hidden" name="hradio02" value="未入力です。"> </td> </tr> </table> </Form> </body> </html>
- ベストアンサー
- JavaScript
<FORM ACTION=　をつけると「宣言されていません」と
<script language="javascript"> function change(tr,n) { tr.bgColor=CheckBox[n].checked?"#ff0000":"#ffffff"; } </script> 上記のコードで下記のように<form・・を付けると「宣言されていません」とエラー表示になります。 <FORM ACTION="sample.cgi" METHOD="POST"> <TABLE BORDER="1"> <TR id="tr1"> <TD> <INPUT TYPE="CHECKBOX" NAME="CheckBox" VALUE="CheckBox" onclick="change(tr1,0)"></TD> </TR> <TR id="tr2"> <TD> <INPUT TYPE="CHECKBOX" NAME="CheckBox" VALUE="CheckBox" onclick="change(tr2,1)"></TR> </TABLE> </form> 下記だと正常です。 <TABLE BORDER="1"> <TR id="tr1"> <TD> <INPUT TYPE="CHECKBOX" NAME="CheckBox" VALUE="CheckBox" onclick="change(tr1,0)"></TD> </TR> <TR id="tr2"> <TD> <INPUT TYPE="CHECKBOX" NAME="CheckBox" VALUE="CheckBox" onclick="change(tr2,1)"></TR> </TABLE> ちんぷんかんぷんになってきました。
- ベストアンサー
- JavaScript
サブウィンドウから親ウィンドウのフォームへの書き込み
よろしくお願いします。やりたい事はサブウィンドウを開いてサブウィンドウのテキストボックスに入力した内容を親ウィンドウのテキストボックスに書き込みたいのです。以下親ウィンドウ（oya.html） <html> <head> <script type="text/javascript">  </script> </head> <body> <form name="mainform" method="POST" action="hoge.php"> <TABLE border="1"> <TR> <TD>A:<INPUT type="text" name="A" id="A"></TD> </TR> <TR> <TD>B:<INPUT type="text" name="B" id="B"></TD> </TR> <TR> <TD><input type="button" onclick="search();return false;" value="サブウィンドウ"></TD> </TR> <TR> <TD><center><input type="submit" name="exec" value="確認"></center></TD> </TR> </TABLE> </form> </body> </html> 以下サブウィンドウ（sub.html） <html> <head> <script type="text/javascript">  </script> </head> <body> <form name="subform"> <TABLE border="1"> <TR> <TD>A:<INPUT type="text" name="A" id="A"></TD> </TR> <TR> <TD>B:<INPUT type="text" name="B" id="B"></TD> </TR> <TR> <TD><input type="button" value="入力"></TD> </TR> </TABLE> </form> </body> </html> 以上です。親ウィンドウの中にformが入れ子状態になってしまうため javascriptで対応できないのかと思い質問させて頂きました。ご教示お願いいたします。
- ベストアンサー
- JavaScript