アクションの前にポップアップ通知を追加する

私はこれに対する答えを見つけることができませんでしたので、他の場所で回答されていれば許してください。私はフロントエンドに "Mark Shipped"リンクを表示しているこの機能を持っています。したがって、 "Mark Shipped"をクリックすると、注文は自動的に出荷されたものとしてマークされます。私がしたいのは少しポップアップウィンドウを追加することです "あなたは本当ですか？"実際に出荷された順番にマーキングする前に、「Marked Shipped」リンクをクリックしたときに表示されます。そして、ユーザーが「はい」をクリックして出荷された注文をマークした場合。どんな助けもありがとうございます。ありがとう。アクションの前にポップアップ通知を追加する

if (__('No', 'wcvendors-pro') == $shipped) { 
         $row_actions['mark_shipped'] = array( 
          'label'  => __('Mark Shipped', 'wcvendors-pro'), 
          'url'  => '?wcv_mark_shipped='.$order->get_order_number() 
         ); 
        }

出典

2017-04-19 Marko I.

私は通常、ダイアログと呼ばれるウィジェットを使用してjQueryを使用します。私はあなただけのPHPでそれを達成できるかわからない http://jqueryui.com/dialog/

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>jQuery UI Dialog - Default functionality</title> 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
    <link rel="stylesheet" href="/resources/demos/style.css"> 
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
    <script> 
    $(function() { 
    $("#dialog").dialog(); 
    }); 
    </script> 
</head> 
<body> 

<div id="dialog" title="Basic dialog"> 
    <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p> 
</div> 


</body> 
</html>

出典

2017-04-19 13:51:15

私はそれをしてくれました。 –

：でこれを確認してください。ユーザーにyes/noを尋ねるためだけに別のページを作成しない限り。

ポップアップを読み込むJS/jQuery関数を呼び出すために、そのボタン/リンクにonclickイベントを追加するのが適切な解決策だと思います。

出典

2017-04-19 13:52:06

クライアントサイドでイベントをトリガすることができます。私は個人的には、ブートストラップでモーダル（learn more）を使用するか、jQueryダイアログを使用します。

function triggerPaidModal() { 
 
    $('#modalID').modal('show'); 
 
} 
 

 
function closePaidModal() { 
 
    $('#modalID').modal('hide'); 
 
}

：ブートストラップでこれを達成するために

、単にモーダルを作成するが、その後支払われた場合、機能のクライアント側をトリガー、モーダルを開くための関数は、このような単純なことができ

Bootstrapを使用している場合は正常に動作します。それ以外の場合はhereというjQueryダイアログを試してみてください。

出典

2017-04-19 14:12:20

私はすべてがPHPで書かれているので、これを達成する方法がわからないので、このコードをどこに置くべきか分かりません。 –

アクションの前にポップアップ通知を追加する

答えて

関連する問題