Php 处理窗体操作以使用facebox打开它

Php 处理窗体操作以使用facebox打开它,php,jquery,html,css,facebox,Php,Jquery,Html,Css,Facebox,我使用facebox来显示联系人表单,但是当用户选择submit时,我希望在本例中调用action=“contact\u send.php”的操作也在facebox中打开。目前,通过将rel属性声明为facebox,很容易打开到facebox的链接 e、 g 这将在facebox窗口中打开contact.html,但是我希望此表单的操作也在lightbox中打开,有人有任何建议可以帮助我吗 提前谢谢 -Ashutosh您的HTML表单 <form id="contactfrm" met

我使用facebox来显示联系人表单,但是当用户选择submit时,我希望在本例中调用action=“contact\u send.php”的操作也在facebox中打开。目前,通过将rel属性声明为facebox,很容易打开到facebox的链接 e、 g


这将在facebox窗口中打开contact.html,但是我希望此表单的操作也在lightbox中打开,有人有任何建议可以帮助我吗

提前谢谢
-Ashutosh

您的HTML表单

<form id="contactfrm" method="post" onsubmit="return false;">
 ....your form elements
 <input type="submit" onclick="submitContact();" />
</form>

……您的表单元素
编辑:

您的脚本

现在使用jquery提交表单

<script type="text/javascript">
function submitContact() {

    $.facebox(function() {

        $.ajax({
            data: { 'name' : $('#name').val(), 'message' : $('#message').val() },  //Make sure to change these values that reflects yours.
            error: function() {
                $.facebox('There was error sending your message.');
            },
            success: function(data) {
                $.facebox(data); // the data returned by contact_send.php
            },
            type: 'post',
            url: 'contact_send.php'
        });

    });

}
</script>

函数submitContact(){
$.facebox(函数(){
$.ajax({
数据:{'name':$('#name').val(),'message':$('#message').val(),//确保更改这些反映您的值。
错误:函数(){
$.facebox('发送邮件时出错');
},
成功:功能(数据){
$.facebox(data);//contact_send.php返回的数据
},
键入:“post”,
url:“contact_send.php”
});
});
}

当您单击页面上的submit按钮时,此代码将打开facebox并处理发送到contact_send.php页面的变量,并将该页面的输出返回到facebox

我已经在使用submit按钮调用一个名为onClick=“get_Code();”的函数。那么我如何在submit按钮上调用这两个Java脚本呢?对不起,但是你的答案并不能解决我的问题。请把我的问题再读一遍。@lovesangprince,应该行得通。我自己也用过很多次这个代码。您可以在onclick事件中调用多个函数,如下所示
onclick=“get_code(),submitContact();”
我理解您的问题,您希望提交联系人表单而不刷新页面,即流程也应该接受facebox本身。我正在提交一个表单并将值传递到“post_to_facebook_wall.php”页面。在“post_to_facebook_wall.php”页面中,我显示了一个名为“post to wall”的链接,它调用弹出窗口中的javascript函数在Fb wall中发布。。。因此,所有这些我想在我的第一页发生的事情。所以我问你,当我从当前页面提交表单时,如何从当前页面调用facebox中的页面?我希望你现在明白我的问题了。!!我正在尝试此应用程序-->@lovesangprince,您的意思是在您拥有表单的第一个页面中,当单击表单提交时,facebox应打开并加载操作页面,数据应在facebox中处理?
<script type="text/javascript">
function submitContact() {

    $.facebox(function() {

        $.ajax({
            data: { 'name' : $('#name').val(), 'message' : $('#message').val() },  //Make sure to change these values that reflects yours.
            error: function() {
                $.facebox('There was error sending your message.');
            },
            success: function(data) {
                $.facebox(data); // the data returned by contact_send.php
            },
            type: 'post',
            url: 'contact_send.php'
        });

    });

}
</script>