ajax表单提交建议后的简单灯箱

发布于 2024-10-21 23:23:36 字数 1305 浏览 5 评论 0原文

我正在寻找一个灯箱，我可以在提交联系表单后使用它向用户提供反馈，我已经查看了一些示例，但我想要一些简单的建议。

的代码

   var automaticOnSubmit = cname.form.onsubmit;
    cname.form.onsubmit = function(){
    var valid = automaticOnSubmit(); 
    if(valid){

    $(".load").show();
    $.post("http://dw.inside-the-internet.com/thewp/wp-content/themes/dwtemplate/process.php",
                   $("#cform").serialize(),
                    function(data){

                    if($.trim(data) == 'sent') {


//i am looking to do something here with a simple lightbox messsage ????
                        $(".sent").hide();                   
                        $(".load").fadeOut();

                        setTimeout(function() {
                        $('.sent').fadeIn();
                        }, 3500);

                        window.setTimeout(function() {
                        window.location.href = 'http://dw.inside-the-internet.com';
                        }, 9000);

                        }else{
                             alert(data); 
                             $(".load").hide();
                        }

    });
    }

这是我看过

http://jquery.com/demo/thickbox/ 等，但它们一切似乎都太过分了，

请帮忙返回假； }

原文

I am looking for a lightbox that i can use to give the user feedback after my contact form has been submitted, i have looked at a few examples but i want something simple any suggesttions.

Heres my code

   var automaticOnSubmit = cname.form.onsubmit;
    cname.form.onsubmit = function(){
    var valid = automaticOnSubmit(); 
    if(valid){

    $(".load").show();
    $.post("http://dw.inside-the-internet.com/thewp/wp-content/themes/dwtemplate/process.php",
                   $("#cform").serialize(),
                    function(data){

                    if($.trim(data) == 'sent') {


//i am looking to do something here with a simple lightbox messsage ????
                        $(".sent").hide();                   
                        $(".load").fadeOut();

                        setTimeout(function() {
                        $('.sent').fadeIn();
                        }, 3500);

                        window.setTimeout(function() {
                        window.location.href = 'http://dw.inside-the-internet.com';
                        }, 9000);

                        }else{
                             alert(data); 
                             $(".load").hide();
                        }

    });
    }

i have looked at http://jquery.com/demo/thickbox/ etc

but they all seem overkill

any help please
return false;
}

分享到QQ

分享到微博