javascriptに詳しい方、教えてください。| OKWAVE

javascriptを教えてください。

チェックボックスを付けて、チェックを入れると全て新窓で開く(二枚窓目以降も全て新窓で開く)、チェックを入れない場合は全て同じ窓に上書き表示させるようにしたいです。(デフォルトはチェックが入っている状態にしたい） ※私はjavascriptの書き方は全くわかりません。後で記述パターンを見て機能を追加したりする予定です。よろしくお願いします。 <form name="fm" action="void" onSubmit="return false;"> <table style="background-color: #e0e0e0"><tr><td> <input Type="text" name="k" size="60" maxlength="255" value="" onKeyPress="if(event.keyCode == 13) { search('google'); }"> <input Type="reset" value="Reset"> </td></tr><tr><td> <input Type="submit" value="Google" onClick="search('google');"> </td></tr></table> </form>  <form name="f_google" method="GET" action="http://www.google.com/search" Accept-charset="Shift_JIS"> <input type="hidden" name="q" value=""><input type="hidden" name="ie" value="Shift_JIS"> <input type="hidden" name="oe" value="Shift_JIS"><input type="hidden" name="hl" value="ja"> <input type="hidden" name="lr" value="lang_ja"><input type="hidden" name="num" value="20"> </form> <script LANGUAGE="JavaScript" Type="text/javascript">  </script>

ボタンの文字サイズ＋入力バーの位置が勝手に変わる

下記のjavascriptを表示した際に、文字サイズが大ぐらいから中ぐらいに勝手に変わったり、ボタンの所にカーソルを持っていくと文字サイズが変化したり、バーに文字を入力すると、バーの位置が変わったりするのですが、どうなっているのでしょうか？動かないようにしたいです。 javascriptは全くわからないので、どこをどう変えればいいのか、わかりやすい回答をお願いします。 <form name="fm" action="void" onSubmit="return false;"> <table style="background-color: #e0e0e0"><tr><td> <input Type="text" name="k" size="60" maxlength="255" value="" onKeyPress="if(event.keyCode == 13) { search('google'); }"> <input Type="reset" value="Reset"> </td></tr><tr><td> <INPUT type="checkbox" id="chk_blank" checked> <input Type="submit" value="Google" onClick="search('google');"> <input Type="submit" value="Yahoo" onClick="search('yahoo');"> </td></tr></table> </form>  <form name="f_google" method="GET" action="http://www.google.com/search" Accept-charset="Shift_JIS"> <input type="hidden" name="q" value=""><input type="hidden" name="ie" value="Shift_JIS"> <input type="hidden" name="oe" value="Shift_JIS"><input type="hidden" name="hl" value="ja"> <input type="hidden" name="lr" value="lang_ja"><input type="hidden" name="num" value="20"> </form>  <form name="f_yahoo" method="GET" action="" Accept-charset="euc-jp"> <input type="hidden" name="p" value=""> <input type="hidden" name="ei" value="euc-jp"> </form> <script LANGUAGE="JavaScript" Type="text/javascript">  </script>

リンク先を新しい窓で開くには？

javascript初心者です。 2回目以降、リンク先が一つのページ上に上書きされてしまいます。リンク先を開くたび新しい窓で開きたいのですがどうしたらよいのでしょうか？ target=_blankやwindow.openなどではないかと思いますが設置場所がよくわかりません。。また、サンプルソースを見てもjavascriptの部分がいまいち理解できずにいます。だいたいの流れやURLクリエの部分（HTMLの部分）はなんとなく理解できるのですが文字コードなど表示方法などのところがよくわかりません；；わかりやすくコメントを書いていただけると助かります！ソースはこちらです↓ ------------------------------------------------------------------------------ <body> <noscript>JavaScriptが無効です</noscript> <form name="fm" action="void" onSubmit="return false;"> <table style="background-color: #e0e0e0"><tr><td> <input Type="text" name="k" size="60" maxlength="255" value="" onKeyPress="if(event.keyCode == 13) { search('google'); }"> <input Type="reset" value="Reset"> </td></tr><tr><td> <input Type="submit" value="Google" onClick="search('google');"> <input Type="submit" value="Yahoo!" onClick="search('yahoo');"> </td></tr></table> </form>  <form name="f_google" method="GET" action="http://www.google.com/search" Accept-charset="Shift_JIS"> <input type="hidden" name="q" value=""><input type="hidden" name="ie" value="Shift_JIS"> <input type="hidden" name="oe" value="Shift_JIS"><input type="hidden" name="hl" value="ja"> <input type="hidden" name="lr" value="lang_ja"><input type="hidden" name="num" value="20"> </form>  <form name="f_yahoo" method="GET" action="http://search.yahoo.co.jp/search" Accept-charset="Shift_JIS"> <input type="hidden" name="ei" value="SJIS"> <input type="hidden" name="fr" value="sfp"> <input type="hidden" name="p" value=""> </form> <script LANGUAGE="JavaScript" Type="text/javascript">  </script> </body>

サイト内検索について

<form action="http://www.google.com/search"> <input type="hidden" value="hogehoge.jp" name="as_sitesearch" /> <input type="hidden" name="ie" value="Shift_JIS" /> <input type="hidden" name="oe" value="Shift_JIS" /> <input type="text" name="q" size="31" maxlength="256" value="" /> <input type="submit" name="btnG" value="Search!" /> </form> にて、グーグルの検索を使用してサイト内検索を使おうと思っておりますが、グーグルのアイコンは付けなくても宜しいでしょうか？もし、詳しい方お返事お待ちしております。以上宜しくお願い致します。

検索ファームの作り方について教えてください！

検索をフォームを作成したく、下記ソースで作成したのですが、検索ボタンを押してもうまくページが開きません。色々調べてみたのですが原因がわからず困っております。どなたか分かるかたがいらっしゃいましたら教えて頂きたく思います。また間違ってる箇所の指摘と出来れば解答も頂ければ助かります。よろしくお願いします。 <head> <script type="javascript">  </script> </head> <html> 検索フォーム<br> <form name="google" method="get" action="http://www.google.co.jp/search"> <p><input type="hidden" name="q" value=""></p> </form> <form name="yahoo" method="get" action="http://search.yahoo.co.jp/search"> <p><input type="hidden" name="p" value=""></p> </form> <form lang="ja" onsubmit="mySearch(this); return false;"> <p>検索ワード<input type="text" name="word" size="30"> </p> <p>検索サイト <select name="site"> <option value="google">google</option> <option value="yahoo">yahoo</option> </select></p> <input type="submit" value="検索"> </form> <hr> </html>

サイト内検索で文字化けしていまいます

"サイト内の検索にGoogle.comを使う方法" http://www.hyuki.com/netserv/google.html を教科書にして、サイト内検索窓を作りました。少なくとも2006年11月の頃は、正常に動作していたのですが、現在では、文字化けの不具合が発生しています。 1. 何故、不具合が起こったのか？ 2. 対処法の二点をご教授願います。 ○私のサイト安部公房解読工房 http://www.geocities.co.jp/Bookend/2459/novel.htm ○サイト内検索に関するHTMLソース <HEAD>タグ内に <script>  </script> <BODY>タグ内にサイト内検索　(<A HREF="search.htm">検索の注意</A>はこちら) <form onSubmit="addstring()" action="http://www.google.com/search"> <INPUT type="hidden" name="hl" value="ja"> <input type="hidden" name="ie" value="Shift_JIS"> <input type="hidden" name="oe" value="Shift_JIS"> <input type="text" name="q" size="31" maxlength="256" value=""> <input type="submit" name="btnG" value="Google検索"> </form> 以上

自作の検索エンジンを作りたいんですが

<form action="http://www.amazon.co.jp/exec/obidos/external-search" target="_blank"> <input type=text name="keyword" size=31 maxlength=255 value=""> <input type="hidden" name="encoding-string-jp" value="日本語" /> <input type="hidden" name="mode" value="blended" /> <input type="hidden" name="tag" value="jojoagogo09-22" /> <form> と <form action="http://www.google.co.jp/search"> <input type=text name=q size=31 maxlength=255 value=""> <input type=hidden name=ie value=UTF-8> <input type=hidden name=oe value=UTF-8> <input type=hidden name=hl value="ja"> をくっつけて、１つのtextボックスからどっちで検索するかラジオボタンで選択してから検索ボタンで検索できるようにしたいです。やり方だけでも構いませんが、もしよろしければサンプルや実際にくっつけたタグを回答していただけると凄く助かります。どうかお願いします。

javascriptで困っています。教えてください

JavaScriptで配列をPOST送信しようとしています。 <form>や<input>を作っておいてではなく、javascriptで生成する関数からしたいと思っています。以下のコードでうまくいきません。教えていただければありがたいです。よろしくお願いします。 <!DOCTYPE html> <html> <head> <script type="text/javascript"> var ar = new Array(5); ar[0] = 111; ar[1] = 222; ar[2] = 333; ar[3] = 444; ar[4] = 555; function sampleForm(value){ var form = document.createElement('form'); document.body.appendChild( form ); var input = document.createElement('input'); input.setAttribute('type','hidden'); input.setAttribute('name','hidden_input'); input.setAttribute('value', value); form.appendChild(input); form.setAttribute('action','send.php'); form.setAttribute('method','post'); form.submit(); } </script> </head> <body> <a href=“javascript:sampleForm(ar)”>クリックしたら“samplepost”をPOST送信</a> </body> </html> send.php-------------------------------- <?php $num = isset($_POST['hidden_input']) ? $_POST['hidden_input'] : null; print "num: " . $num; ?>

JavaScriptの値をjavaに渡す方法

function cansel_goBack(){ document.form1.canselval.value = "cansel"; document.form1.action="abc"; document.form1.submit(); } // --> </SCRIPT> (中略） <input type="hidden" name="canselval" value=""> 　 <input name="back" type="button" value="キャンセル" onClick="cansel_goBack()"> 「document.form1.canselval.value = "cansel"」この値をjavaで取得するにはどうすればいいでしょうか？以下のようにしてみたのですがダメでした「javaファイル=ABC: canselval =(String)request.getParameter("canselval");」

javascriptで取得した値を、FORMで送信する

いつもお世話になっております。 jspからwindow.openを使い、別ウインドウを表示しました。別ウインドウでの質問です。 javascriptで前のページ(jsp)の情報を受け取り、それを次のページ(jsp)へFORM(POST)で送りたいのですが、うまくいきません。ご教授下さい。 <HTML> <HEAD> <script type="text/javascript">  </script> </HEAD> <BODY onload="sub()"> <form name="bbb" METHOD="POST" action="http://okwave.jp"> <input type="hidden" name="timeid" value=""> <input type="hidden" name="number00" value="1"> <input type="hidden" name="number01" value="sent()">  当たり前ですが、コメントにしている部分にすると次のページでうまくいきます。 </form> </BODY> </HTML>

HTMLのinputタグ数が変わる場合のjavascript処理

HTML上にinputタグが複数あって、その値をJavascriptで配列として受け取るコーディングをしています。例えばこんな感じで・・・【サンプル1】 <form method="post" action="***.cgi" name="form1" onsubmit="return valueCheck(this);"> <input type="hidden" name="wData" value="aaa"> <input type="hidden" name="wData" value="bbb"> </form> function valueCheck(wForm) { document.write('wData='+wForm.wData[0].value); document.write('wData='+wForm.wData[1].value); } ただ、inputが1つしかない時もあるのですが、そのときの値が配列で受け取れません。下記のように修正すると動くので、配列じゃないただの値だと判断されているようです。【サンプル2】 <form method="post" action="***.cgi" name="form1" onsubmit="return valueCheck(this);"> <input type="hidden" name="wData" value="aaa"> </form> function valueCheck(wForm) { document.write('wData='+wForm.wData.value); } inputの値がいくつあるのかは都度変わるので、1つの時でも配列で処理したいのですがどのように記述すればいいのでしょうか。

javascriptのオブジェクトと引数について

とあるサンプルのプログラムを拝借して一部改変したのですが、どうもうまくいきません。引数をオブジェクトとして使うにはどうすればいいのでしょうか？お借りした元のサンプルプログラム function search(eng) { if(eng=="google") { if(q=="") sitetop("http://www.google.co.jp/"); else { fw=document.f_google; fw.q.value=q; setsjis(fw); }} } 自分で書いた、動かないプログラム function search(eng) { fs="f_"+eng; if(eng=="google") { if(q=="") sitetop("http://www.google.co.jp/"); else { fw=document.fs; fw.q.value=q; setsjis(fw); }} }

１つのformで複数のactionを実行できますか？

フォーム内に商品の購入ボタンがあります。同じフォーム内に商品名でグーグルのサイト内を検索させるボタンを設置し、横に並べることは可能ですか？フォームの入れ子はよくないようなので、検索をJava scriptでできればよいのですが・・・スタイルシートではデザイン上無理でした。 <form id="fm" name="fm" action="URL" method="POST"> <input type="hidden" name="shouhinmei" value="商品名"> <input type="hidden" name="kakaku" value="500"> <input type="image" src="kounyuu.gif value="購入"> <form method=get action="http://www.google.co.jp/search"> <input type=hidden class="q" name=q value="商品名"><input type=hidden name=ie value=UTF-8><input type=hidden name=oe value=UTF-8><input type=hidden name=hl value="ja"><input name=btnG type="image" src="検索.gif value="検索"><input type=hidden name=sitesearch value="サイトのURL"></form> </form> </form> +----+　　+----+ |購入|　　|検索| +----+　　+----+

ヤフオク検索のBOXを作りたい

ヤフオク検索のBOXを作りたいのですがこれではうまくいきません。なぜでしょうか？分かる方宜しくお願いいたします。 <FORM action="http://search.auctions.yahoo.co.jp/jp/search/auc"> <INPUT type="hidden" value="0jp" name="alocale"> <INPUT type="hidden" value="jp" name="acc"> <INPUT type="hidden" name="auccat" value="0"> <INPUT size="30" name="p"> <INPUT type="submit" value="検索">

javascriptでのアラート表示

javascriptで大変困っております。ラジオボタン・テキストエリアにまたがったチェックアラートをだしたいのですが、うまくいきません。 <script> function form_check(f) { if (f.Q1.value == "") { alert("・未記入です！"); return false; } ・・・ if (f.Q6.value == "") { alert("・名前が未記入です！"); return false; } else return true; } function reset_conf() { if (confirm("フォーム内容をリセットします！\n\nよろしいですか？")) return true; else return false; } </script> -------- <FORM ACTION="hogehoge.cgi" METHOD="POST" onSubmit="return form_check(this)"> 教育:<INPUT TYPE="radio" NAME="Q1" VALUE="OK"> テスト:<INPUT TYPE="radio" NAME="Q2" VALUE="OK">　アンケート:<INPUT TYPE="radio" NAME="Q3" VALUE="OK"> AAA:<input name="Q4" type="text" /> BBB:<input name="Q5" type="text" /> CCC:<input name="Q6" type="text" /> <INPUT TYPE="hidden" NAME="number" VALUE="6"> <INPUT TYPE="submit" NAME="answer" VALUE="送信する"> <INPUT TYPE="reset" NAME="reset" VALUE="リセット"> </FORM> </form> ------- テキストエリアのアラートチェックは出来ない状態です。すべてにチェックまたは、テキスト入力がされていないと送信できないようにしたいのです。どうしたらよいでしょうか？

スマートフォンからMySQLサーバーにインサート

「HTML+javascript」のスマートフォンアプリから別サーバーのMySQLと連携させることを考えています。サーバーの情報を取得することは問題なくできたのですが、サーバーにインサートする方法で悩んでいます。【post.html】では、mysqlにインサートはされるものの、端末にはサーバーのinsert.phpがそのまま表示されてしまいます。【post_kai.html】でfunction Check()を試したところ、送信ボタンを押した後に端末内のfinish.htmlが表示されましたが、残念ながらインサートが出来ていませんでした。サーバーにインサートを完了させながら、その後は端末内のfinish.htmlを表示させるためにはどうすればいいでしょうか? ****************************** 端末側 ****************************** 【post.html】 <form name="form1" id="form1" method="POST" name="form1" value="form1" action="http://hoge.ne.jp/insert.php"> <input type="hidden" name="id" value="100" /> <input type="hidden" name="pw" value="12zdD3fw" /> <input type="button" name="button" value="送信" /> <input type="hidden" name="MM_insert" value="form1" /> </form> 【post_kai.html】 <form name="form1" id="form1" method="POST" name="form1" value="form1" action="http://hoge.ne.jp/insert.php"> <input type="hidden" name="id" value="100" /> <input type="hidden" name="pw" value="12zdD3fw" /> <script> function Check(){ document.form1.submit(); location.href="finish.html"; } </script> <input type="button" name="button" value="送信" onClick="Check();" /> <input type="hidden" name="MM_insert" value="form1" /> </form> 【finish.html】 <html> OKです <html> ****************************** サーバー側(mysql側)　http://hoge.ne.jp/ ****************************** 【insert.php】省略

サイト内検索のタグ（CGI禁止の場合）でうまくいかない・・・（涙）

cgiを使わないサイト検索機能をホームページにつけるため、 googleを使ったサイト内検索を行うタグをソースに入れたところ、うまく動作しません。 (仮に検索対象となる自分のホームページのドメインをwww.abc.ne.jpとします) <form action="http://www.google.co.jp/search" method="get"> <input type="hidden" name="as_dt" value="i"> <input type="hidden" name="as_epq" value="abc"> <input type="hidden" name="as_eq" value> <input type="hidden" name="as_occt" value="any"> <input type="hidden" name="as_oq" value> <input type="hidden" name="as_sitesearch" value="abc.ne.jp"> <input type="hidden" name="lr" value> <input type="hidden" name="num" value="10"> <input type="text" size="20" name="as_q"> <input type="submit" name="btnG" value="検索"> </form> http://www.abc.ne.jp/abcのサイト内を検索したいのですが、この場合だとhttp://www.abc.ne.jp/のサイトも検索にかかってしまいました。 http://www.abc.ne.jp/abc内だけをサイト内検索するフォームタグはあるのでしょうか？教えてください。よろしくお願いします。

フレーム内検索をCGI/CSS以外で実行する方法

フレーム内検索をCGI/CSS以外で実行する方法はありますか？ウェブページをフレームで作っているのですが、メニュー側に検索窓を設けて、メイン側（もしくはフレーム関係なく別タブ開いてもかまいません）に検索結果を表示したいと考えています。とある人のソースを真似ているのですがその人はCGIで検索を行っていました。しかし私の使っているドメインはCGI非対応です。googleを利用した検索も試してみました。しかしフレームなしならうまくいくのですがフレームありではメインページが真っ白になるだけになります。ちなみにそのときのソースは大体こんな感じです。 <html> <head> <script>  </script> <base target="main"> </head> <body> <form onSubmit="addstring()" action="http://www.google.com/search"> <input type="hidden" name="hl" value="ja" /> <input type="hidden" name="ie" value="UTF-8"> <input type="hidden" name="oe" value="UTF-8"> <input type="text" name="q" size="31" maxlength="256" value="" /> <input type="submit" name="btnG" value="検索" /> </form> </body> </html> 不可能であるなら検索はあきらめることにします。ご教授よろしくお願いします。

ボタンをクリックで新しいウインドウを開くには？

ボタンをクリックで新しいウインドウを開くには？ Googleのボタン「Google」、「Homepage」を押すと、「新しいウインドウ」を開くにはどこを書き加えれば、よいのでしょうか？いろいろ試しましたが、うまくいきません。よろしくおねがいします。。 <FORM method="GET" action="http://www.google.co.jp/search"> <INPUT maxlength="300" size="21" name="q"> <INPUT type="submit" value="Google" name="btnG" style="font-weight: bold" > <INPUT type="hidden" name="lr1" valuelang-ja checked value="1"> <INPUT type="submit" value="Homepage" name="btnI" style="font-weight: bold" > </FORM>

javascriptからCGIへの値渡し

cookieは利用しない方向で考えています。 HTML上のdocument.form01.のsubmitが押下されたら一度手入力されたデータ(userinput)を加工し、別のフォームform02.valueに格納してtest.cgiにPOSTで投げる動作を期待しています。下記だとページ遷移無しで一時的な格納まで確認しましたが CGIへの送信が機能していないようです。どの様にすべきでしょうか？ [html] <script type="text/javascript">  </script> <body> <form name="form02" method="POST" action="test.cgi"> <input type="hidden" name="sendform" value=""> </form> <form method="POST" action="" name="form01"> <input type="text" name="userinput"> <input type="submit" value"送信" onclick="return onSubmit();"> </form> </body> </html>

javascriptに詳しい方、教えてください。

みんなの回答

補足 2008/08/02 19:19

関連するQ&A