• ベストアンサー

Onclickイベントでデータをcgiに受け渡す方法はありますか?

Onclickイベントでデータをcgiに受け渡す方法はありますか?

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

  • ベストアンサー
  • adrie
  • ベストアンサー率43% (10/23)
回答No.1

<form action="渡したいcgiファイル">を指定して、 onClick=submit(); でもできると思いますけど、functionを別に記述して、 onClick=function名 別なところに <script language="JavaScript"> funciont function名(){ document.form名.submit(); } </script> を書いてあれば、指定のcgiにフォームの内容(値)が渡されますよ。 これじゃダメでしょうか?

SpeedStep
質問者

お礼

<form action="渡したいcgiファイル">を指定して、 onClick=submit(); これで出来ました。有難うございました。

その他の回答 (1)

  • wolfwood
  • ベストアンサー率50% (199/398)
回答No.2

formを使わなくてもGET送信でなら受渡し先のURLに直接記述することで送ることが出来ます。 受渡し先のアドレス(ファイル名)の後ろに'?'をつけて"パラメータ名"="値"という形式で記述します。 複数送る場合はその後ろに'&'をつけて"パラメータ名"="値"を記述してください。 例) hoge.cgiにパラメータ名'data1'の値'aaa'とパラメータ名'data2'の値'bbb'を送る場合。 <~ onClick=function名> <SCRIPT LANGUAGE="JavaScript"> function function名{ location.href="./hoge.cgi?data1=aaa&data2=bbb"; } </SCRIPT>

SpeedStep
質問者

お礼

参考にさせて頂きます。有難う御座いました。

関連するQ&A

  • onClickイベントの記述方法

    こんばんは、皆さん。 JavaScriptのonClickイベントで、うまく動きません。 以下のようにしました。一部関連する箇所の抜粋です。 どこがおかしいかご指摘ください。 <SCRIPT TYPE="text/javascript"> <!-- function ActionChange(CGI){ document.form.action='http://x.x.x.x/cgi-bin/b.cgi'; document.form.submit(); } //--> </SCRIPT> <FORM METHOD="POST" NAME="FORM" ACTION="http://x.x.x.x/cgi-bin/a.cgi"> <INPUT TYPE="submit" VALUE="aaa"> <INPUT TYPE="button" VALUE="bbb" onclick="ActionChange('b.cgi)"> よろしくおねがいします。

  • onClickイベントの変更方法

    JavaScriptのonclickイベントについてですが、  <form name="fm">  <input type="button" name="bt" value="開始" onclick="Change(1)"> という感じのフォームで、ボタンを押すとChange関数の方で、  if(f == 1) {    document.fm.bt.value="停止";    document.fm.bt.onclick="Change(0)"; //(A) として、onclickイベントの内容を変更したいのですが、 実際には上のような(A)の文では、 エラーは出ませんが、イベントの実行はできません。 onclickイベントの変更方法をご教授下さい。 ちなみに、プログラム自体は別の方法で対処しましたので、 「もっといい方法がある」というご回答は結構です。 それと、もう一つ教えていただきたいのですが、上の例で、  document.writeln(document.fm.bt.onClick); と実行すると"undefined"と表示されますが、  document.writeln(document.fm.bt.onclick); //(onClickのCが小文字) と実行すると"function anonymous() { Change(1) } "と表示されます。 大文字と小文字で、なぜ動作が変わるのでしょうか? ご教授下さい。

  • onclickで複数のボタンで対応したCGIにデータを送りたいのですが。

    下記のような感じで、 1.画像追加ボタンを押すと別ページ(b.cgi)に飛んで登録が終わったらまたこちらに戻ってきて、登録が押されるとそのまま登録処理(a.cgi)になる。 2.画像追加がされていなくても登録が押されるとそのまま登録処理をする。 (1.2.ともform内の情報はhiddenですべて送ります。) こんな動きをさせたいのですが、参考サイトなどをみてもこういう動作をしているところがなくて丸3日悩んでいます。 onclick=submit の記述とJavascriptの書き方が問題だとは思うのですが煮詰まってしまいました。 皆様には初歩的な質問かもしれませんがどうぞよろしくお願いします。 <form method="post" enctype="multipart/form-data"> <input type="text" name="Title" value="" size="140"> <input type="text" name="Body1" value="" size="140" style="ime-mode: active;"> <input type="button" value="画像追加" onclick="submit(document.gazouform)"> <input type="button" value="登録" onclick="submit(document.tourokuform)"> <form action="a.cgi" method="post" enctype="multipart/form-data" id="tourokuform"> </form> <form action="b.cgi" method="post" enctype="multipart/form-data" id="gazouform"> </form>

  • 「onClick=

    投稿フォームCGIを改造中です。 情報を入力後、確認画面を出し、送信完了画面を出すようにしています。 さて、情報を入力後確認画面で情報を確認した時間違えがあった場合用に「戻る」ボタンを設置しました。 <FORM><INPUT type="button" value=" ×前の画面へ " onClick="history.back()"></FORM> しかし、戻ると全データが消えてしまいます。最初から入力しなおしって事です。 ブラウザの「戻る」でも同様です。 コレをどうにかして一度入力した物を保持しておきたいのです。要は間違ったところだけを再入力ですね。 何か方法はありますか?よろしくお願いします。

  • onclickイベントによるsessionへの格納

    いつもお世話になっています。 ご存知の方がいらっしゃったら、ぜひ教えていただけませんか? タイトルの通りなのですが、javascriptのonclickのタイミングで、sessionにデータを格納するということはできるのでしょうか? (session.setAttributeです。) hiddenに入れてrequestでデータを引き渡すことができるのは、わかるのですが、なんとかsessionに入れたいのですが、よろしくお願いします。

    • ベストアンサー
    • Java
  • onclickイベントでフィルターを使用するには

    初めて投函させていただきます。 表題の件ですが、onclickでPNG形式のアルファチャンネル画像を使用したく悩んでおります。 通常  <img src="image1.png" onclick="img1.src='image2.png'"> でイメージの変更が出来ますが、これをPNG形式のアルファチャンネル画像で処理したいのですが 記述がわかりません。 PNG形式のアルファチャンネル画像を表示するには  <div style="width:100;height:50;   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image1.png');">  </div> のようなフィルタで可能ですがonclickのようなイベントにくっつけるにはどうしたら良いでしょうか? 「image1.png」「image2.png」共にPNG形式のアルファチャンネル有効画像です。 どなたかわかる方がおられましたら、ご教授ください。

  • onclickイベントで複数関数コール

    下記のようなPHPスクリプトで、onclickイベントで、2つの関数をコールしてるのですが、 何か間違ってますでしょうか。onclickイベントで複数関数コールするときは、カンマで 区切ればよいと書いたあった投稿を見たことがあるのですが。それとも、readcsv()関数の JavaScript内での、PHPの書き方にミスがあるのでしょうか。ご指導よろしくお願いします。 </HEAD> <BODY><script type="text/javascript"> <SCRIPT> function readcsv(){ <?php $list=read_csv(); return $list; ?>;} function setvalue(){ // 変数宣言 var batch_num = list["batch_num"]; ~ // --> </SCRIPT> <INPUT type="button" value="csv参照" onClick="setvalue(), readcsv()"></TD></TR>de

  • onclickイベントでの二重送信防止に関して

    onclickイベントでフォームの二重送信の防止をしたいと考えています。 <input "type="submit">が一つしかないページでは、 <input "type="submit" onclick="this.disabled=true;this.value='送信中';this.form.submit();" value="送信"> でうまくいったのですが、 2つ以上あるページだと、クリックすると空白のページに飛んでしまい、フォームが送信できませんでした。 どのようにすれば、<input "type="submit">が2つ以上あるページでも、この方法で二重送信防止を作動させることができるでしょうか。 ご教授よろしくお願いいたします。

  • CGIからCGIのサブウィンドウ(?)をあける方法

    CGIを利用してホームページを作成しています。 CGIで帳票形式の一覧表を作成し、その中のイメージをクリックすることによってサブウィンドウ(これもCGIで作成したものです)をあけようとしているのですが、知識が乏しいため、上手く処理できません。 ソース(抜粋の為アドレスは消してありますが絶対パスで書いてあるとして下さい) print "<TD><IMG src=~graph.gif onclick="window.open(~graph.cgi?code=$ID, graph,'width=400,height=400');"><BR></TD>\n"; これだとどうしてもエラーが出てしまいます。 どなたか改善方法を教えてください。また、もっと良い方法があるならそちらも教えて頂きたいです。

    • ベストアンサー
    • CGI
  • onclickを使わずにイベント処理をする方法について。

    onclickを使わずにイベント処理をする方法について。 【<h1>をクリックすると同じ<div>を親に持つ<p>が表示/非表示】 されるようにしたいのですが、IEで動作せず、困っています。 下記は現在のコードです。 -------------------------------------------------------------------------- var divs = document.getElementsByTagName('div'); var listener = function(ev){ if(/(?:^|\s)text(?:$|\s)/.test(ev.target.className)){ var next = ev.target.nextSibling.nextSibling; if(next.style.display != "none"){ next.style.display = "none"; }else{ next.style.removeProperty("display"); } } }; if (document.addEventListener) { document.addEventListener('click', listener, false);// IE以外 } else { document.attachEvent("onclick", listener);// IE } -------------------------------------------------------------------------- <div> <h1 class="text">見出し</h1> <p>本文</p> </div> <div> <h1 class="text">見出し</h1> <p>本文</p> </div> <div> <h1 class="text">見出し</h1> <p>本文</p> </div> -------------------------------------------------------------------------- ev.target.classNameあたりが怪しく… window.event.srcElement.classNameに変更してみましたが動作しませんでした。 html側の制約があり、出来れば上記のようなclassのみのhtmlで、 更にわがままを言うと <div class="text"> <h1>見出し</h1> <p>本文</p> </div> のようにdivにclassを振った形で実現したいです。 なお、現在のコードは複数のサンプルコードを参考に試行錯誤したものですので 不要なコードが混ざっているかもしれません。 動作確認環境はIE7、IE8、Firefox、Safari(Windows)です。 納期が迫り大変困っています。アドバイスを頂けますと嬉しいです。 宜しくお願い致します。