1つのボタンで2つのCGIを起動する
htmlのページでjavascriptを用いて1つのボタンで2つのCGIを同時に起動できないか試行錯誤していたのですが、なかなかうまくいきません。
具体的にCGIの1つは、textareaの内容をフォームで送るもので、もう1つは、ボタンが押される度にカウントアップしていき、10回毎にメールが届くというものです。
ですので、実際画面として表示されるのはtextareaの送信結果のみで十分です。
どなたか2つのCGIを同時に起動する方法をご存じの方は御教授願います。
No.4ベストアンサー
- 回答日時:
> No.1 お礼
> 最低限、1つのフレームからボタンを押すと、フレームを2つに分割し、それぞれの結果を表示する程度にはしたいと思っています。
textareaの送信結果画面に<iframe>を作って、そのsrcをカウンターCGIにするのはどうでしょうか。
<frameset>でもできますが、<frameset>の出力から送信結果を表示する<frame>への遷移がちょっと手間(セッション管理が必要)になりそうです。
<iframe>はいいかもしれませんね!
画面として出力することによってメールが送信されない問題も解決できるような気がします。
少し調整して試してみます。
No.3
- 回答日時:
No.1です。
ちょっとシンプルにして試してOKでした。<form action="ページ遷移するCGI" method="post">
<input type="textarea" id="data" name="data">
<button type="button" onclick="multisend(this.form)">2つ送信</button>
</form>
<script type="text/javascript">
function multisend(frm){
var xmlhttp = new XMLHttpRequest();
xmlhttp.open("POST", "カウントアップのCGI" , true);
xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlhttp.send(encodeURIComponent("data="+frm.data.value));
xmlhttp.onreadystatechange = handler;
function handler(){
if (xmlhttp.readyState == 4) {
if (xmlhttp.status == 200) {
frm.submit();
}
}
}
}
</script>
回答ありがとうございます。
実際に試すところまでやって頂いてありがとうございます。
このプログラムだとフォームと同時にカウントも動いていました!
…ただ1つ問題がありまして、10になるとカウントはちゃんとリセットされているのに、
メール送信が行われなくなってしまいました;
No.2
- 回答日時:
カウントアップしていく方のCGIリクエストは、ページ遷移する
必用がなさそうなので、フォームサブミットじゃなく、AJAXの
非同期通信(XMLHttpRequest)でPOSTするってのはどうでしょう。
フォームのaction属性は、非同期通信の関数にしておいて、
コールバック関数内のjavascriptでそのフォームの送信先を
変えてサブミットするとか
<form action="xhr(this)" method="post" id="frm">
<input type="textarea" id="data">
<input type="submit" value="2つ送信">
</form>
<script type="text/javascript">
function xhr(frm){
var xmlhttp = new XMLHttpRequest();
xmlhttp.open("POST", "/カウント.cgi" , true);
xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlhttp.send(encodeURIComponent("data="+frm.data.value));
xmlhttp.onreadystatechange = handler;
function handler(){
if (xmlhttp.readyState == 4) {
if (xmlhttp.status == 200) {
frm.action="/登録.cgi";
//frmで参照できなかったら、document.getElementById("frm")でも使おう
frm.submit();
}
}
}
}
<script>
だめかな、試してません
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
VBSでブラウザ上のテキストボッ...
-
submitするとなぜか2度実行する
-
ボタンを押すとチェックボック...
-
confirmのOK・キャンセルを押し...
-
ボタン2回押しを無効にしたい
-
新規ウインドウから他のページ...
-
onClick="this.form.submit
-
フォーム内で記入したクエリ送...
-
プルダウン 項目が多いので先頭...
-
dijit.form.ComboBoxについて
-
return trueとreturn falseの用...
-
javascript による POST 送信時...
-
テキストボックスに入力された...
-
プルダウンメニューを表の中に...
-
ラジオボタンの選択で解答・点...
-
追加ボタンを押した際に ok ボ...
-
netscapeでもinnerTextやinnner...
-
tableの任意行にfocusをあてる
-
value内に変数を入れたい
-
JavaScriptで特定のtdタグにcla...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
submitするとなぜか2度実行する
-
onClick="this.form.submit
-
confirmのOK・キャンセルを押し...
-
フォーム内で記入したクエリ送...
-
onclickをEnterキーでも行いたい
-
ボタン無しでフォーム内容送信
-
VBSでブラウザ上のテキストボッ...
-
onclickで2個指定するには?
-
ボタン2回押しを無効にしたい
-
確認ダイアログの出し方(JavaS...
-
sessionの値でボタンを活性・非...
-
送信フォームで送信ボタンをお...
-
jsで質問です。 ボタンが二つ存...
-
confirm()で表示したダイアログ...
-
JavaScriptにおいてPOSTで送信...
-
メッセージボックスで「はい」...
-
VBScript
-
Javascriptで二重送信を防止し...
-
HTAで、こんなボタンが作りたい。
-
印刷プレビュー後のウィンドウ...
おすすめ情報