覆蓋捕獲詳細信息表

我目前正在使用PDF查看部分的網站上工作。在本節中，用戶可以單擊PDF來放大PDF，打印PDF，保存PDF或電子郵件PDF，所有這些都用PDF預覽圖像旁邊的小圖標表示。覆蓋捕獲詳細信息表

我期望做的是以下內容; 如果用戶點擊其中任何一個圖標，而不是假設點擊了「查看PDF」鏈接時顯示一個放大的版本，則會彈出一個模式聯繫表單，供客戶端捕獲或從用戶處獲取詳細信息。（如名稱/ /電子郵件）

我需要一種方法來確保沒有鏈接（放大PDF，打印PDF，保存PDF或電子郵件PDF）將工作，而是將彈出此彈出式模式，直到用戶已經在彈出式模式中輸入了詳細信息。

任何意見/幫助將不勝感激。

在此先感謝

來源

2014-03-28 Scott

你有沒有想過使用[Bootstrap]（http://getbootstrap.com/）作爲平臺？它使這樣的任務變得輕而易舉。 –

這是什麼，該項目已經由其他人啓動..內WP。所以我正在尋找一種沒有框架的方法。 – Scott

如果你想最大限度地減少您必須編寫自定義代碼量，嘗試使用jQuery UI的內置Dialog功能。

下面是它在使用中的例子（一種可怕的jQuery UI的樣式表，但你要改變這種反正）：JSFiddle

使用，jQuery的變得簡單：

$(function() { 
    $('#myModal').dialog({ 
     modal: true, 
     autoOpen: false 
    }); 
    $('#myButton').click(function() { 
     $('#myModal').dialog('open'); 
    }); 
});

來源

2014-03-28 12:52:38

謝謝你。我基本上需要這種方法來爲數據收集提供一種模式（就像你在這裏所做的那樣）。它只會需要一次（用於註冊等），然後這些按鈕（#mybutton）將引入其他元素（如打印選項等） – Scott

沒問題！如果我的回答完全解決了您的問題，請將其標記爲正確，以便其他人知道您已經得到了幫助。 –

覆蓋捕獲詳細信息表

回答

相關問題