2012-10-15 129 views
0

我已經在這個問題上花了一個星期,它可能是真正簡單的...在我的某個頁面上顯示來自php文件的表單 - 如何?

我在我的網站上使用osTicket(開源支持票系統)。我想在我的一個頁面上使用票據形式作爲聯繫表單。我只想顯示錶單id =「ticketForm」(請參閱​​下面的代碼),因爲我不希望所有其他代碼(包括Support Center Home,Open New Ticket,Check Ticket Status按鈕等)從打開.php文件 - 我嘗試使用iframe,但是問題太多,iframe不是一個好辦法。

我想用這部分(我不顯示所有的代碼,因爲我認爲這是在代碼中的一些敏感信息 - 希望是好的):

<form id="ticketForm" enctype="multipart/form-data" action="open.php" method="post"> 
    <input type="hidden" value=......... etc. code for name, email, attachment fields, captcha etc.</form> 

來自: www.mysite .COM ..... /支持/ open.php

,並顯示在: www.mysite.com ...../contact.html

讓我得到一個接觸的形式,融合與我在該頁面上的文字一起。

任何簡單的方法來做到這一點?請溫和(不要以爲我知道你認爲理所當然的事情) - 我不是編碼員:o)謝謝。

回答

1

contact.html請執行以下操作:

$('#result').load('/path/to/open.php #ticketForm'); 

,將檢索與open.php ID ticketForm形式,並將其放置在div內與您contact.html頁ID result

查看​​的Loading page fragments部分jquery方法。

UPDATE:
你應該把上面的代碼中的document.ready處理您的contact.html的<body>裏面,像這樣:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#result').load('/path/to/open.php #ticketForm'); 
    }); 
</script> 
+0

非常感謝。我其實已經嘗試過那個,但似乎沒有做到這一點。也許這是因爲它是我正在處理的本地站點? (對不起,我應該這麼說,但所有其他本地網站都可以正常工作)。我使用Wampserver。 在我的contact.html頁面中,我已將其置於頭部: 而這身:

我試過的物理地址的 「file:/// C:/wamp/www/support/open.php」,但沒有。 任何想法? – user1647423

+0

您必須將我的答案的代碼放在BODY而不是HEAD中,也可以放在.ready處理程序中,請參閱我的答案的更新。 – Nelson

+0

再次感謝。奇怪的是,我測試了另一個在線的網站上的代碼,並且在我插入在頭上。但它仍然不能在我的本地測試網站上,這對我來說是一個問題 - 螢火蟲給我這個錯誤「類型錯誤:$是不是一個函數」與「$(document).ready(function(){」 。 有什麼不對?網站位於「file:/// C:/ .....」和osTicket位於「http:// localhost /」 - 同一臺計算機上,但是...是關於同源策略的內容還是它wampserver? – user1647423

相關問題