PHP聯繫表格需要調用Javascript來在主頁上顯示一個隱藏的div .html頁面

Question

我有一個頁面網站，它有一個聯繫表單，其聯繫方式錯誤和聯繫人謝謝信息放在頁面的下方隱藏的divs。

聯繫表格調用外部php文件，該文件調用錯誤的錨鏈接並感謝index.html文件中的消息div。

www.photograsurfer.com/test/index.html

www.photograsurfer.com/test/code/contact-panel.php

一切只要申報單並不隱蔽工程成功。所以現在我需要使用下面的JavaScript來獲得隱藏的div在需要時顯示。

<script type="text/javascript"> 
function showContactPanelError() { 
document.getElementById('contact-panel-error').style.display = "block"; 
} 
</script> 

我的問題，除了是一個完整的PHP初學者，是我不知道如何讓PHP文件引用的Javascript代碼的主網頁上正常顯示隱藏的div。

任何幫助表示讚賞。

謝謝。

Answer 1

我結束了對這些頁面的2種方法的混合去學習它。

http://trevordavis.net/blog/ajax-forms-with-jquery

https://spruce.it/noise/simple-ajax-contact-form/#contact

拋棄了DIV主意，因爲Ajax的方法讓我沒有重新加載頁面，並輸入錯誤，並感謝您的聯繫方式本身範圍內的信息。看起來像一個更簡單的方法。

感謝所有的建議，因爲我從來沒有看過使用Ajax，否則。

Answer 2

使用jQuery表單（http://malsup.com/jquery/form/）通過AJAX提交表單，然後根據您從PHP腳本返回的值顯示/隱藏div。

Answer 3

你可以PHP變量賦值給JavaScript作爲

var error="<?php echo $_GET['error']; ?>"; 

的$error是一個像wwww.example.com/test.php?error=1 URL一起傳遞現在

您可以將數據檢查var錯誤並調用你的函數showContactPanelError（）。

Answer 4

您可以在提交按鈕上添加onclick事件。點擊它將創建一個Ajax調用發送數據到所需的外部PHP文件，然後成功將在主頁面上正確顯示隱藏的分區。

這裏是一個示例代碼只是爲了當Ajax調用將是您成功的地位將被執行的解釋

** 
* Description : Function that will trigger the AJAX request. 
* @param none 
*/ 

function CategorySubscriber_Unsubscribe(){ 

var data = {  
    'data-1':  data-1, 
    'data-2':  data-2, 
      // as per your need you can put any number of data 
}; 


var url = // your url 

jQuery.post(url, data, function(response){ 
    jQuery.show("#your-div-id"); 
}); 

} 

功能（響應）。

您可以從這些鏈接

http://www.w3schools.com/jquery/ajax_post.asp

http://api.jquery.com/jQuery.post/