質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

87.91%

javascriptで2度押し制御を活用したい

解決済

回答 2

投稿

  • 評価
  • クリップ 0
  • VIEW 545

score 11

とあるボタンを作成しておりましたがjavascriptの2度押し制御のサンプルプログラムを追記したのですが設定したアラートも出ずボタン連打する前に画面が遷移され効果がまったくわからないです。
POSTで送られた際にコマンドを実行するようphpで設定しました。そしてボタンを押したときにはPOSTにリクエストが飛ぶような設定です。

理想はPOSTで送られた際にコマンドを実行し、ボタンを押したときにはPOSTにリクエストが飛ぶような設定。のままボタンを押したときに多重にリクエストが飛ばない仕様になるのが理想ですなのですが下記にjavascriptで一度しか押せない処理を書くにはどうかいたらいいでしょうか。

~a.php内~

<!DOCTYPE html>
<html lang="ja">
<head>
<?php
$cmd = 'ls -l /opt';
if(isset($_POST["send"])){
echo exec($cmd);
}
?>
<script>
~2度押し制御~
</script>
</head>
<body>
<form action = "a.php" method = "post" onsubmit="return sumple()">
<button type = "submit" name ="send">STOP</button>
</form>
</body>
</html>

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • m.ts10806

    2020/09/18 15:23

    コードやエラーはマークダウンのcode機能を利用してご提示ください。
    https://teratail.com/questions/238564

    キャンセル

  • m.ts10806

    2020/09/18 15:23

    あと、調べて何も出ない内容とは思えませんが・・。

    キャンセル

回答 2

checkベストアンサー

0

javascriptで2度押し制御を活用したい

その必要はなさそうです(JavaScriptは必要なさそうです)。


(他回答のコメントより)
1.a.phpはGETでアクセスされた際にSTOPボタンを表示
2.a.phpはPOSTでアクセスされた際に[1]に加えexec関数でls -lコマンドを実行するようにする。
3.ボタン押下でPOSTでpatolanmp.phpにリクエスト
4.STOPボタンは二度推し制御を入れること(連続クリックで多重でリクエストが飛ばないようにする)
課題がありまして(中略)システム的に無理

誤植はあるかもしれませんが、システム的に無理な課題を出すとは考え難いです。
また、考慮すべきは ページの遷移図(画面遷移図)です(それぞれのページでの遷移先/要求method)。

い)a.php -[POST]-> ろ)a.php -[POST]-> は)patlanmp.php

ページ遷移が、い)ろ)は)の順と考えるなら
い)からpost された応答の ろ)a.php のフォームにおける遷移先URLが間違っています。

現状、延々と ろ)a.php へPOST要求しています。このループを2度押しと勘違いされているように思います。

以下の 2点について、php ソースを修正してください。

  1. ろ)a.php で form[action="patlanmp.php"] に変わるようにする。
  2. ろ)a.php で <!-- コマンドラインの実行結果 --> と、正しいHTMLを応答する。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

0

自分自身に飛ばす限り「2度押し」ではなく別ページで1度押しを
繰り返しているだけどと思いますが・・・
これを不可にすると遷移後何も処理ができなくなります。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2020/09/18 16:51 編集

    なるほど、そういうことですね。
    すみません、遷移先のa.phpでボタンを非活性にするようにするにはどう書けばいいでしょうか?

    キャンセル

  • 2020/09/18 16:55 編集

    いや、非活性になっていますよね?
    逆に非活性にしちゃいけないというお話なのですが・・
    最悪、ロード後コンマ1秒くらいして活性化するとかで
    マウスの誤動作に対応するのはありかもしれませんが・・・

    そもそも遷移先でさらにもう一度「STOP」でサブミットしないなら
    ボタン自体なくしてしまえばよいような・・・

    キャンセル

  • 2020/09/18 19:04

    1.a.phpはGETでアクセスされた際にSTOPボタンを表示
    2.a.phpはPOSTでアクセスされた際に[1]に加えexec関数でls -lコマンドを実行するようにする。
    3.ボタン押下でPOSTでpatolanmp.phpにリクエスト
    4.STOPボタンは二度推し制御を入れること(連続クリックで多重でリクエストが飛ばないようにする)

    すみません、こういう課題がありまして全てを考慮すると投稿したプログラムのようになると思うのですがシステム的に無理ということでしょうか。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 87.91%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る