Question

我有一个指向页面的链接，该页面调用“性感警报框”脚本弹出一条消息，询问用户是否同意条款和条件以及“我同意”和“取消”选项。

我已经有了这么多，但现在我需要“我同意”选项将它们发送到新页面。（“取消”会向用户返回当前页面。）

与document.location.href有什么关系？

我正在使用mootools框架。

以下是代码：

<a href="#" 
    onclick="Sexy.confirm('Do you agree to the terms and conditions?', {
        textBoxBtnOk: 'I Agree', // goes to www.newpage.com
        textBoxBtnCancel: 'Cancel' // return to current page    
    });">Link</a>

Answer 1

标准的内置javascript confirm函数将返回true或false，具体取决于按下的按钮（这是同步操作），但此Sexy.confirm插件看起来像是通过回调函数返回它的选择（它将是异步动作）。

例如，

function doConfirm() {
    Sexy.confirm('Do you agree to the terms and conditions?', {
        textBoxBtnOk: 'I Agree',
        textBoxBtnCancel: 'Cancel',
        onComplete: function(returnvalue) {
            // here is where you act, after user has made a choice...
            if (returnvalue) {
                //alert ("pressed OK");
                window.location.href = '/page1/';
            }
            else {
                //alert("pressed Cancel");
                window.location.href = '/page2/';
            }
        }
    });
    return false; // this is to cancel the native click event
}

然后你可以让你的链接标签更好一点，

<a href="#" onclick="return doConfirm();">Link</a>

祝你好运！

Answer 2

使用Mootools：

用于HTML

<a class="confirm" href="www.google.fr">Google Fr</a>
<a class="confirm" href="www.google.be">Google Be</a>

和JavaScript

window.addEvent('domready', function () {
    $$('a.confirm').each(function (el) {
        el.addEvent('click', function (e) {
            e.stop();
            Sexy.confirm('<h1>Etes-vous sur de vouloir suivre ce lien ?</h1>',{ 
                onComplete: function(returnvalue) {
                    if (returnvalue) {
                        window.location.href = el.get('href');
                    }
                },
                textBoxBtnOk: 'Oui',
                textBoxBtnCancel: 'Non'
            });
        });
    });
});

在href上调用警报，然后继续到新页面

2 个答案: