1

電子メールの免責事項の確認として SimpleModal を使用しようとしています。つまり、電子メール アドレスをクリックするとモーダルがポップアップ表示されます。免責事項に同意するユーザーは、mailto: メソッドを使用して電子メールを送信できます。拒否したユーザーにはポップアップが表示されません。

  • 1 ページに数十の電子メール アドレスがあるため、アドレスをスクリプトに渡す必要があります。
  • 免責事項は他のページでも使用されているので、html のコピーも含めたいと思います。4 段落程度です。

これは私がこれまでに持っているものです。確認時にメールクライアントのポップアップが表示されないことを除いて、ほとんど機能します:

<a href="mailto:user@domain.com" class="confirm">user@domain.com</a>

<div id='confirm'>
    <div class='header'><span>Confirm</span></div>
    <div class='message'></div>
    <div class='buttons'>
        <div class='no simplemodal-close'>Cancel</div>
        <div class='yes'>Confirm</div>
    </div>
</div>

そしてJavaScript:

jQuery(function ($) {
    $('a.confirm').click(function (e) {
        e.preventDefault();

        msg = 'this is the copy of the confirmation dialog I want to pop up, it goes on and on and on';

        // example of calling the confirm function
        // you must use a callback function to perform the "yes" action
        confirm(msg, function () {
            window.location.href = hrefval;
        });
    });
});

function confirm(message, callback) {
    $('#confirm').modal({
        closeHTML: "<a href='#' title='Close' class='modal-close'>x</a>",
        position: ["20%",],
        minWidth: '660px',
        minHeight: '400px',
        overlayId: 'confirm-overlay',
        containerId: 'confirm-container', 
        onShow: function (dialog) {
            var modal = this;

            $('.message', dialog.data[0]).append(message);

            // if the user clicks "yes"
            $('.yes', dialog.data[0]).click(function () {
                // call the callback
                if ($.isFunction(callback)) {
                    callback.apply();
                }
                // close the dialog
                modal.close(); // or $.modal.close();
            });
        }
    });
}
4

1 に答える 1