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

时间:2011-03-16 10:39:18

标签: jquery ajax post submit lightbox

我正在寻找一个灯箱,我可以用它在提交联系表格后给用户反馈,我看了几个例子,但我想要一些简单的建议。

继承我的代码

   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/

但他们似乎都有点矫枉过正

请帮助         返回false;         }

3 个答案:

答案 0 :(得分:2)

jqmodal是一个非常好的简单和可自定义的模式盒插件,用于JQuery他们的网站上有很多例子,它的使用简单而强大,你可以:)

HTH!

答案 1 :(得分:0)

我建议使用jQuery UI库中的模态对话框 - 这样可以非常方便地满足您的需求。

答案 2 :(得分:0)