Php 处理窗体操作以使用facebox打开它
我使用facebox来显示联系人表单,但是当用户选择submit时,我希望在本例中调用action=“contact\u send.php”的操作也在facebox中打开。目前,通过将rel属性声明为facebox,很容易打开到facebox的链接 e、 gPhp 处理窗体操作以使用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窗口中打开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>