对 href 调用警报，然后继续进入新页面

发布于 2024-08-03 15:37:24 字数 667 浏览 7 评论 0原文

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

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

与 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>

原文

I have a link to a page which invokes the 'Sexy Alert Box' script to pop a message asking if users agree to Terms and Conditions with options "I Agree" and "Cancel".

I've got that much going but now I need for the "I Agree" option to send them to a new page. ("Cancel" returns the user the current page.)

Something to do with document.location.href?

I am using the mootools framework.

Sexy Alert Box 1.2 mootools & jQuery

Here's the code:

<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>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

谢绝鈎搭 2024-08-10 15:37:24

标准的内置 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>

祝你好运！

The standard, built-in javascript confirm function will return true or false, depending on the button pushed (this is a synchronous action), but this Sexy.confirm plugin looks like something that is going to return its choice via callback functions (it will be an asynchronous action).

For example,

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
}

And then you can make your link tags a little nicer,

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

Good luck!

回复收藏 0 原文

木格 2024-08-10 15:37:24

使用 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'
            });
        });
    });
});

With Mootools:

Use for HTML

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

And 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'
            });
        });
    });
});

回复收藏 0 原文

~没有更多了~