2012-04-05 17 views
1

編輯:This privately published page是我需要與之合作。 密碼:stackOF提交信息到網址,但也打開PDF

我的客戶的願望是讓她的WordPress博客在她的主頁上顯示MailChimp表單作爲.pdf的網關。當用戶點擊「提交」時,我需要發生以下行爲:

  1. 執行包含的MailChimp的javascript文件;這確保表格被正確填充,然後執行註冊到通訊列表(不需要此部分的幫助)
  2. 然後向用戶顯示信息PDF以供下載或查看 編輯:邏輯順序從我最初發布這個時翻轉過來。該腳本應該執行,並且僅當該腳本能正確執行如若PDF展現給用戶

注:

  • 我與HTML和PHP的經驗水平的3/4,與JS我是2/4 編輯:(在這一點上更像是1/4大聲笑)。如果我的研究是正確的,那麼將使用PHP(服務器端語言)來完成客戶需要的功能。
  • 除了MailChimp的腳本所提供的(它確保用戶已經提交完整的表格)(客戶說沒關係,如果電子郵件根本無效),附加驗證是不必要的。
  • .pdf URL和內容是靜態的,只需顯示,不生成。

---- ----研究我 知道,Mailchimp形式使用以下行實際提交的信息,但我想這樣做下述動作,以及打開上述.PDF:

<form action="http://*BLAH*.us2.list-manage.com/subscribe/post?u=*BLAHBLAH*&amp;id=*BLAHBLAHBLAH*" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank"> 

我在其他網站上,我可以「行動」可以想象指向一個PHP文件,但如果有一種方法使用JavaScript這樣做閱讀 - 因爲它使用的.js文件無論如何我已經爲此創造了,然後我會很開心。除此之外,我會採取我可以得到的..

+0

也許這是一個愚蠢的問題,但你有沒有試過使用PHP的PDFlib? http://www.devshed.com/c/a/PHP/PDF-Generation-With-PHP/ – theJollySin 2012-04-05 02:46:31

+0

您正在向GET變量發出POST請求。你知道嗎? – Incognito 2012-04-05 02:50:14

+0

@theJollySin感謝您的回覆;但我已經說過,我不需要PDF生成幫助 - 除非該帖子的原因是別的東西 – 2012-04-05 06:23:01

回答

1

你可以嘗試以下方法:

的mailchimp表格上添加一個onsubmit處理器象下面這樣:

<form onsubmit="runMyStuff(this)" action="http://*BLAH*.us2.list-manage.com/subscribe/post?u=*BLAHBLAH*&amp;id=*BLAHBLAHBLAH*" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank"> 

你的JavaScript函數:

function runMyStuff(o) { 
    // open the pdf file in a separate window 
    window.open(PATH_TO_YOUR_PDF_URL); 

    // now, submit the form 
    o.submit(); 
} 

希望這有助於。

+0

雖然我不需要驗證用戶輸入的有效電子郵件地址,我確實希望用戶必須至少填寫表單。 *如果沒有* onsubmit,MailChimp js會在表單中填寫錯誤,如果必填字段爲空白。 *使用*「onsubmit」這一行,當表單爲空時點擊submit打開pdf,並且不再顯示錯誤。 方法我有更多的瞭解JS比我最初的想法。 – 2012-04-05 17:06:52

+0

我添加了[預覽頁面與您的建議相似的內容](http://www.careerchoiceswithlaura.com/home-new-2)。密碼:stackOF 我該從哪裏出發? – 2012-04-05 18:46:05

+0

您是否需要在iframe中打開pdf ...只是問,因爲如果不是,您可以在新的選項卡/窗口中打開它,然後讓窗體過程照常進行。 – 2012-04-05 18:51:58

1

您可能會創建一個頁面,其中包含您的腳本,並有一個指向PDF的URL的iframe。

+0

這聽起來像是一個很好的解決方案。 MailChimp JS已經創建了一個新窗口,所以在這種情況下,我只需編輯該JS來創建iframe,那麼對不對? (類似於[這裏](http://papermashup.com/creating-an-iframe-with-javascript/)?) – 2012-04-05 17:34:11

+0

我不熟悉MailChimp,但這聽起來很合理... – 2012-04-06 21:58:08