SuiteCommerceでポップアップを作成する

タグをクリックしてポップアップダイアログを作成したいと思います。SuiteCommerceでポップアップを作成する

このタグをクリックすると、メールを送信するためのポップアップダイアログが表示されます。電子メールアドレスフィールド、名前フィールド、メッセージフィールドなどが必要です。

このサイトはSuiteCommerceで構築されています。

2016-05-04 Anonymous

メール、名前、メッセージフィールドなどのポップアップが表示されます。送信ボタンもあると思っていますか？ – TonyH

もちろんトニー。 –

1つのアプローチは、jQueryのようなライブラリを使用して、通常隠されたポップアップdivを簡単に表示することです。

コードは次のようになり、jQueryライブラリがページにロードされていることと、エンドポイント/destinationがフォームを送信することを前提としています。また、ポップアップを中央にしたり、そうでなければ大丈夫に見えるようにするためには、色を塗りたいかもしれません。

<html> 
<body>  
    <a href='mailto:[email protected]' id="email_to_click"> [email protected] </a> 

    <div id="popup" style="display:none"> 
     <form action="/destination"> 
      Name: <input type="text" name="my_name"><br> 
      Email: <input type="text" name="email"><br> 
      Message <input type="text" name="message"><br> 
      <input type="submit" value="Submit"> 
     </form> 
    </div> 
    <style> 
     #popup 
     { 
      position:absolute; 
      width:400px; 
      top: 50%; 
      left: 50%; 
      margin-left: -200px; // 1/2 width 
      margin-top: -200px; // 1/2 height } 
    </style> 
    <script> 
     $.ready(
      $("#email_to_click").click(function(){ 
       $("#popup").show();}) 
      ) 
    </script> 
</body> 
</html>

出典

2016-05-05 19:21:13 TonyH

ご協力ありがとうございます。送信ボタンをクリックすると、どのようにメールを送信できますか？ –

メールを受信して送信するには別の仕組みが必要です。これはNetsuiteのRESTletで、送信された電子メールアドレスとメッセージを受け取ってから、バックエンドのNetSuiteスクリプトを使用して実際に電子メールを送信します。 RESTletを作成すると、フォームの宛先となるURLが取得されます。 – TonyH

ご協力ありがとうございますが、私は質問があります。スクリプトでは、私はnlapiSendEmail関数を使用する必要がありますか？もしそうなら、私はどのように著者パラメータを設定できますか？それは私が考えている投稿者の内部IDです –

SuiteCommerceでポップアップを作成する

答えて

関連する問題