電子メールの免責事項の確認として 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();
});
}
});
}