2014-03-29 57 views
0

我需要嵌入表單結果提交使用Wordpress插件「簡易FancyBox」。WP插件易於fancybox嵌入表單結果提交

這是一個小通訊形式。用戶只需輸入他的電子郵件地址並提交。然後它打開一個完整的新聞簡報表格(表格2)和填寫第一步的電子郵件地址。

我做了它的工作,但目前,當我提交時,它嵌入form2填充電子郵件,但沒有fancybox。

這裏是我的第一步通訊形式代碼:

<form id="myForm" method="post" action="newsletterform.php"> 

<input type="text" name="email_address"> 

<a href="#contact_form_pop" onclick="document.getElementById('myForm').submit(); return false;" id="submit_link" class="fancybox">submit</a> 

</form> 

我也試圖把JavaScript的表單中,使用此代碼:

$(function(){ 
    $('#submit_link').click(function(){ 
    $('#myForm').submit(); 
    return false; 
}); 
}); 

它顯示窗口2中的fancybox但沒有電子郵件地址已填寫。

謝謝你的幫助。

編輯:

這裏是我最親密的代碼。提交時,它會在1秒內顯示fancybox,然後顯示form2 correctyl填充。

<form id="myForm" method="post" action="newsletterform.php"> 

<input type="text" name="email_address"> 

<a href="#contact_form_pop" id="submit_link" class="fancybox">submit</a> 

</form> 

<script language="JavaScript"> 

window.addEventListener("DOMContentLoaded", function() { 

var form = document.getElementById("myForm"); 

document.getElementById("submit_link").addEventListener("click", function() { 
    form.submit(); 
}); 

}); 
</script> 
+0

不,鏈接中給出的解決方案似乎不起作用。我使用Easy Fancybox wp插件並嘗試提交表單,而不是嵌入照片。 – user3476144

回答

0

問題解決!

我在的fancybox把

target="form2" 

形式,創造一個iframe

<IFRAME src="newsletterform.php" name='form2' width="600" height="600"></IFRAME> 

現在我的窗口2顯示正確。